@bubo-squared/ui-framework 0.2.12 → 0.2.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -218,17 +218,20 @@ type DividerProps = BaseDividerProps | IconLinesDividerProps | IconGroupLinesDiv
218
218
  declare const Divider: React$1.FC<DividerProps>;
219
219
 
220
220
  type ProgressSize = "sm" | "md" | "lg";
221
- interface ProgressProps extends React$1.HTMLAttributes<HTMLDivElement> {
221
+ type ProgressStatus = "default" | "success" | "error";
222
+ interface ProgressProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
222
223
  /** Current value, from 0 to 100. */
223
224
  value: number;
224
- /** Optional label shown above the bar with the percentage on the right. */
225
+ /** Optional label shown above the bar. */
225
226
  label?: string;
226
227
  /** Optional hint text shown below the bar. */
227
228
  hint?: string;
228
- /** Controls whether the label/percentage row is rendered. */
229
- showLabel?: boolean;
230
- /** Controls whether the hint text is rendered. */
231
- showHint?: boolean;
229
+ /** Controls whether the progress percentage label is rendered. */
230
+ showProgressLabel?: boolean;
231
+ /** If true, the hint will not be rendered even if provided. */
232
+ hideHint?: boolean;
233
+ status?: ProgressStatus;
234
+ disabled?: boolean;
232
235
  /** Visual height of the bar. */
233
236
  size?: ProgressSize;
234
237
  }
@@ -263,41 +266,49 @@ interface TagProps extends VariantProps<typeof tagVariants> {
263
266
  declare const Tag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLDivElement>>;
264
267
 
265
268
  interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
269
+ /** Only needed when the component is a part of a native form. */
270
+ name?: string;
266
271
  label?: string;
267
272
  }
268
273
  declare function Checkbox({ label, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
269
274
 
270
- type DropdownStatus = "default" | "success" | "error";
271
- interface DropdownOption {
275
+ type SelectStatus = "default" | "success" | "error";
276
+ interface SelectOption {
272
277
  label: string;
273
278
  value: string;
274
279
  }
275
- declare const dropdownTriggerVariants: (props?: ({
280
+ declare const selectTriggerVariants: (props?: ({
276
281
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
277
282
  status?: "success" | "error" | "default" | null | undefined;
278
283
  } & class_variance_authority_types.ClassProp) | undefined) => string;
279
- interface DropdownProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof dropdownTriggerVariants> {
284
+ interface SelectProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof selectTriggerVariants> {
280
285
  label?: string;
281
- showLabel?: boolean;
282
286
  hint?: string;
283
287
  /**
284
288
  * If true, the hint will not be rendered even if provided.
285
289
  */
286
290
  hideHint?: boolean;
291
+ /**
292
+ * Only needed when the component is a part of a native form.
293
+ * Provide this to include the value in native form submission / FormData.
294
+ */
295
+ name?: string;
287
296
  placeholder?: string;
288
- status?: DropdownStatus;
289
- options: DropdownOption[];
297
+ status?: SelectStatus;
298
+ options: SelectOption[];
290
299
  value?: string;
291
300
  defaultValue?: string;
301
+ required?: boolean;
292
302
  onChange?: (value: string) => void;
293
303
  /** Force the menu open (used mainly for docs/Storybook states). */
294
304
  showMenu?: boolean;
295
305
  }
296
- declare const Dropdown: React$1.FC<DropdownProps>;
306
+ declare const Select: React$1.FC<SelectProps>;
297
307
 
298
308
  type FieldStatus = "default" | "success" | "error";
299
309
  interface FieldProps {
300
310
  label?: string;
311
+ labelRight?: React$1.ReactNode;
301
312
  hint?: string;
302
313
  /**
303
314
  * If true, the hint will not be rendered even if provided.
@@ -312,7 +323,7 @@ declare const Field: React$1.FC<FieldProps>;
312
323
 
313
324
  type PasswordInputSize = "sm" | "md" | "lg" | "xl";
314
325
  type PasswordInputStatus = "default" | "success" | "error";
315
- type PasswordInputVariant = "icons" | "action";
326
+ type PasswordInputVariant = "icon" | "text";
316
327
  interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "disabled"> {
317
328
  label?: string;
318
329
  hint?: string;
@@ -320,14 +331,16 @@ interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputE
320
331
  * If true, the hint will not be rendered even if provided.
321
332
  */
322
333
  hideHint?: boolean;
334
+ /**
335
+ * Only needed when the component is a part of a native form.
336
+ * Provide this to include the value in native form submission / FormData.
337
+ */
338
+ name?: string;
323
339
  placeholder?: string;
324
340
  status?: PasswordInputStatus;
325
341
  size?: PasswordInputSize;
326
342
  variant?: PasswordInputVariant;
327
343
  leadingIcon?: React$1.ReactNode;
328
- trailingIcon?: React$1.ReactNode;
329
- actionLabel?: string;
330
- onActionClick?: () => void;
331
344
  disabled?: boolean;
332
345
  }
333
346
  declare const PasswordInput: React$1.FC<PasswordInputProps>;
@@ -341,6 +354,11 @@ interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
341
354
  * If true, the hint will not be rendered even if provided.
342
355
  */
343
356
  hideHint?: boolean;
357
+ /**
358
+ * Only needed when the component is a part of a native form.
359
+ * Provide this to include the value in native form submission / FormData.
360
+ */
361
+ name?: string;
344
362
  placeholder?: string;
345
363
  status?: TextInputStatus;
346
364
  size?: TextInputSize;
@@ -350,7 +368,7 @@ interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
350
368
  }
351
369
  declare const TextInput: React$1.FC<TextInputProps>;
352
370
 
353
- type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value" | "ref"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
371
+ type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value" | "ref" | "size"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
354
372
  onChange?: (value: RPNInput.Value) => void;
355
373
  } & {
356
374
  className?: string;
@@ -360,6 +378,11 @@ type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value
360
378
  * If true, the hint will not be rendered even if provided.
361
379
  */
362
380
  hideHint?: boolean;
381
+ /**
382
+ * Only needed when the component is a part of a native form.
383
+ * Provide this to include the value in native form submission / FormData.
384
+ */
385
+ name?: string;
363
386
  placeholder?: string;
364
387
  disabled?: boolean;
365
388
  status?: TextInputStatus;
@@ -376,6 +399,10 @@ interface RadioGroupOption {
376
399
  interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, "children" | "orientation" | "onValueChange"> {
377
400
  label?: string;
378
401
  hint?: string;
402
+ /** Only needed when the component is a part of a native form. */
403
+ name?: string;
404
+ /** Only needed when the component is a part of a native form. */
405
+ required?: boolean;
379
406
  /**
380
407
  * If true, the hint will not be rendered even if provided.
381
408
  */
@@ -389,6 +416,11 @@ declare const RadioGroup: React$1.FC<RadioGroupProps>;
389
416
 
390
417
  type SearchInputSize = "sm" | "md" | "lg" | "xl";
391
418
  interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
419
+ /**
420
+ * Only needed when the component is a part of a native form.
421
+ * Provide this to include the value in native form submission / FormData.
422
+ */
423
+ name?: string;
392
424
  placeholder?: string;
393
425
  leadingIcon?: React$1.ReactNode;
394
426
  showLeadingIcon?: boolean;
@@ -401,6 +433,13 @@ declare const SearchInput: React$1.FC<SearchInputProps>;
401
433
  type SliderDisplay = "flat" | "numeric" | "tooltip";
402
434
  type SliderTooltipPlacement = "top" | "bottom";
403
435
  type SliderBaseProps = {
436
+ /**
437
+ * Only needed when the component is a part of a native form.
438
+ * Provide this to include the value in native form submission / FormData.
439
+ *
440
+ * Note: range sliders submit two values under the same name.
441
+ */
442
+ name?: string;
404
443
  display?: SliderDisplay;
405
444
  tooltipPlacement?: SliderTooltipPlacement;
406
445
  /**
@@ -442,6 +481,11 @@ interface TextAreaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
442
481
  * If true, the hint will not be rendered even if provided.
443
482
  */
444
483
  hideHint?: boolean;
484
+ /**
485
+ * Only needed when the component is a part of a native form.
486
+ * Provide this to include the value in native form submission / FormData.
487
+ */
488
+ name?: string;
445
489
  status?: TextInputStatus;
446
490
  /**
447
491
  * Visual/behavioural variant.
@@ -463,6 +507,11 @@ interface TextAreaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
463
507
  declare const TextArea: React$1.FC<TextAreaProps>;
464
508
 
465
509
  interface ToggleProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> {
510
+ /**
511
+ * Only needed when the component is a part of a native form.
512
+ * Provide this to include the checked value in native form submission / FormData.
513
+ */
514
+ name?: string;
466
515
  label?: string;
467
516
  }
468
517
  declare const Toggle: React$1.FC<ToggleProps>;
@@ -512,19 +561,46 @@ interface PopoverProps {
512
561
  }
513
562
  declare const Popover: React$1.FC<PopoverProps>;
514
563
 
515
- interface BreadcrumbProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
516
- variant?: "flat" | "colored";
517
- asChild?: boolean;
518
- /** Label text shown in the breadcrumb item. */
519
- label?: string;
520
- /** Whether to render the leading chevron icon. */
521
- showIcon?: boolean;
522
- /** Optional custom icon to use instead of the default chevron. */
523
- icon?: React$1.ReactNode;
524
- /** Whether to render the label text. */
525
- showText?: boolean;
564
+ type TooltipPlacement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
565
+ interface TooltipProps {
566
+ children: React$1.ReactNode;
567
+ strapline?: string;
568
+ title: string;
569
+ description?: string;
570
+ showArrow?: boolean;
571
+ className?: string;
572
+ placement?: TooltipPlacement;
573
+ offset?: number;
574
+ disableHoverableContent?: boolean;
575
+ open?: boolean;
576
+ defaultOpen?: boolean;
577
+ onOpenChange?: (open: boolean) => void;
578
+ }
579
+ declare const Tooltip: React$1.FC<TooltipProps>;
580
+
581
+ interface TooltipProviderProps {
582
+ children: React$1.ReactNode;
583
+ delayDuration?: number;
584
+ skipDelayDuration?: number;
585
+ disableHoverableContent?: boolean;
586
+ }
587
+ declare const TooltipProvider: React$1.FC<TooltipProviderProps>;
588
+
589
+ declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
590
+
591
+ interface BreadcrumbsProps extends React$1.ComponentProps<typeof Breadcrumb> {
592
+ separator?: React$1.ReactNode;
593
+ /**
594
+ * When true and there are >= 5 breadcrumb items, replaces all items except
595
+ * the first one and the last two with an ellipsis dropdown menu.
596
+ */
597
+ ellipsis?: boolean;
598
+ children: React$1.ReactNode;
599
+ separatorClassName?: string;
600
+ breadcrumbItemClassName?: string;
601
+ breadcrumbPageClassName?: string;
526
602
  }
527
- declare const Breadcrumb: React$1.ForwardRefExoticComponent<BreadcrumbProps & React$1.RefAttributes<HTMLButtonElement>>;
603
+ declare const Breadcrumbs: React$1.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
528
604
 
529
605
  interface LogoBaseProps {
530
606
  className?: string;
@@ -548,4 +624,4 @@ declare const Logo: FC<LogoProps>;
548
624
 
549
625
  declare function cn(...inputs: ClassValue[]): string;
550
626
 
551
- export { Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumb, Button, ButtonGroup, Checkbox, Divider, Dropdown, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Typography, WebsiteInput, cn };
627
+ export { Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };
package/dist/index.d.ts CHANGED
@@ -218,17 +218,20 @@ type DividerProps = BaseDividerProps | IconLinesDividerProps | IconGroupLinesDiv
218
218
  declare const Divider: React$1.FC<DividerProps>;
219
219
 
220
220
  type ProgressSize = "sm" | "md" | "lg";
221
- interface ProgressProps extends React$1.HTMLAttributes<HTMLDivElement> {
221
+ type ProgressStatus = "default" | "success" | "error";
222
+ interface ProgressProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
222
223
  /** Current value, from 0 to 100. */
223
224
  value: number;
224
- /** Optional label shown above the bar with the percentage on the right. */
225
+ /** Optional label shown above the bar. */
225
226
  label?: string;
226
227
  /** Optional hint text shown below the bar. */
227
228
  hint?: string;
228
- /** Controls whether the label/percentage row is rendered. */
229
- showLabel?: boolean;
230
- /** Controls whether the hint text is rendered. */
231
- showHint?: boolean;
229
+ /** Controls whether the progress percentage label is rendered. */
230
+ showProgressLabel?: boolean;
231
+ /** If true, the hint will not be rendered even if provided. */
232
+ hideHint?: boolean;
233
+ status?: ProgressStatus;
234
+ disabled?: boolean;
232
235
  /** Visual height of the bar. */
233
236
  size?: ProgressSize;
234
237
  }
@@ -263,41 +266,49 @@ interface TagProps extends VariantProps<typeof tagVariants> {
263
266
  declare const Tag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLDivElement>>;
264
267
 
265
268
  interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
269
+ /** Only needed when the component is a part of a native form. */
270
+ name?: string;
266
271
  label?: string;
267
272
  }
268
273
  declare function Checkbox({ label, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
269
274
 
270
- type DropdownStatus = "default" | "success" | "error";
271
- interface DropdownOption {
275
+ type SelectStatus = "default" | "success" | "error";
276
+ interface SelectOption {
272
277
  label: string;
273
278
  value: string;
274
279
  }
275
- declare const dropdownTriggerVariants: (props?: ({
280
+ declare const selectTriggerVariants: (props?: ({
276
281
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
277
282
  status?: "success" | "error" | "default" | null | undefined;
278
283
  } & class_variance_authority_types.ClassProp) | undefined) => string;
279
- interface DropdownProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof dropdownTriggerVariants> {
284
+ interface SelectProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof selectTriggerVariants> {
280
285
  label?: string;
281
- showLabel?: boolean;
282
286
  hint?: string;
283
287
  /**
284
288
  * If true, the hint will not be rendered even if provided.
285
289
  */
286
290
  hideHint?: boolean;
291
+ /**
292
+ * Only needed when the component is a part of a native form.
293
+ * Provide this to include the value in native form submission / FormData.
294
+ */
295
+ name?: string;
287
296
  placeholder?: string;
288
- status?: DropdownStatus;
289
- options: DropdownOption[];
297
+ status?: SelectStatus;
298
+ options: SelectOption[];
290
299
  value?: string;
291
300
  defaultValue?: string;
301
+ required?: boolean;
292
302
  onChange?: (value: string) => void;
293
303
  /** Force the menu open (used mainly for docs/Storybook states). */
294
304
  showMenu?: boolean;
295
305
  }
296
- declare const Dropdown: React$1.FC<DropdownProps>;
306
+ declare const Select: React$1.FC<SelectProps>;
297
307
 
298
308
  type FieldStatus = "default" | "success" | "error";
299
309
  interface FieldProps {
300
310
  label?: string;
311
+ labelRight?: React$1.ReactNode;
301
312
  hint?: string;
302
313
  /**
303
314
  * If true, the hint will not be rendered even if provided.
@@ -312,7 +323,7 @@ declare const Field: React$1.FC<FieldProps>;
312
323
 
313
324
  type PasswordInputSize = "sm" | "md" | "lg" | "xl";
314
325
  type PasswordInputStatus = "default" | "success" | "error";
315
- type PasswordInputVariant = "icons" | "action";
326
+ type PasswordInputVariant = "icon" | "text";
316
327
  interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "disabled"> {
317
328
  label?: string;
318
329
  hint?: string;
@@ -320,14 +331,16 @@ interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputE
320
331
  * If true, the hint will not be rendered even if provided.
321
332
  */
322
333
  hideHint?: boolean;
334
+ /**
335
+ * Only needed when the component is a part of a native form.
336
+ * Provide this to include the value in native form submission / FormData.
337
+ */
338
+ name?: string;
323
339
  placeholder?: string;
324
340
  status?: PasswordInputStatus;
325
341
  size?: PasswordInputSize;
326
342
  variant?: PasswordInputVariant;
327
343
  leadingIcon?: React$1.ReactNode;
328
- trailingIcon?: React$1.ReactNode;
329
- actionLabel?: string;
330
- onActionClick?: () => void;
331
344
  disabled?: boolean;
332
345
  }
333
346
  declare const PasswordInput: React$1.FC<PasswordInputProps>;
@@ -341,6 +354,11 @@ interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
341
354
  * If true, the hint will not be rendered even if provided.
342
355
  */
343
356
  hideHint?: boolean;
357
+ /**
358
+ * Only needed when the component is a part of a native form.
359
+ * Provide this to include the value in native form submission / FormData.
360
+ */
361
+ name?: string;
344
362
  placeholder?: string;
345
363
  status?: TextInputStatus;
346
364
  size?: TextInputSize;
@@ -350,7 +368,7 @@ interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
350
368
  }
351
369
  declare const TextInput: React$1.FC<TextInputProps>;
352
370
 
353
- type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value" | "ref"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
371
+ type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value" | "ref" | "size"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
354
372
  onChange?: (value: RPNInput.Value) => void;
355
373
  } & {
356
374
  className?: string;
@@ -360,6 +378,11 @@ type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value
360
378
  * If true, the hint will not be rendered even if provided.
361
379
  */
362
380
  hideHint?: boolean;
381
+ /**
382
+ * Only needed when the component is a part of a native form.
383
+ * Provide this to include the value in native form submission / FormData.
384
+ */
385
+ name?: string;
363
386
  placeholder?: string;
364
387
  disabled?: boolean;
365
388
  status?: TextInputStatus;
@@ -376,6 +399,10 @@ interface RadioGroupOption {
376
399
  interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, "children" | "orientation" | "onValueChange"> {
377
400
  label?: string;
378
401
  hint?: string;
402
+ /** Only needed when the component is a part of a native form. */
403
+ name?: string;
404
+ /** Only needed when the component is a part of a native form. */
405
+ required?: boolean;
379
406
  /**
380
407
  * If true, the hint will not be rendered even if provided.
381
408
  */
@@ -389,6 +416,11 @@ declare const RadioGroup: React$1.FC<RadioGroupProps>;
389
416
 
390
417
  type SearchInputSize = "sm" | "md" | "lg" | "xl";
391
418
  interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
419
+ /**
420
+ * Only needed when the component is a part of a native form.
421
+ * Provide this to include the value in native form submission / FormData.
422
+ */
423
+ name?: string;
392
424
  placeholder?: string;
393
425
  leadingIcon?: React$1.ReactNode;
394
426
  showLeadingIcon?: boolean;
@@ -401,6 +433,13 @@ declare const SearchInput: React$1.FC<SearchInputProps>;
401
433
  type SliderDisplay = "flat" | "numeric" | "tooltip";
402
434
  type SliderTooltipPlacement = "top" | "bottom";
403
435
  type SliderBaseProps = {
436
+ /**
437
+ * Only needed when the component is a part of a native form.
438
+ * Provide this to include the value in native form submission / FormData.
439
+ *
440
+ * Note: range sliders submit two values under the same name.
441
+ */
442
+ name?: string;
404
443
  display?: SliderDisplay;
405
444
  tooltipPlacement?: SliderTooltipPlacement;
406
445
  /**
@@ -442,6 +481,11 @@ interface TextAreaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
442
481
  * If true, the hint will not be rendered even if provided.
443
482
  */
444
483
  hideHint?: boolean;
484
+ /**
485
+ * Only needed when the component is a part of a native form.
486
+ * Provide this to include the value in native form submission / FormData.
487
+ */
488
+ name?: string;
445
489
  status?: TextInputStatus;
446
490
  /**
447
491
  * Visual/behavioural variant.
@@ -463,6 +507,11 @@ interface TextAreaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
463
507
  declare const TextArea: React$1.FC<TextAreaProps>;
464
508
 
465
509
  interface ToggleProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> {
510
+ /**
511
+ * Only needed when the component is a part of a native form.
512
+ * Provide this to include the checked value in native form submission / FormData.
513
+ */
514
+ name?: string;
466
515
  label?: string;
467
516
  }
468
517
  declare const Toggle: React$1.FC<ToggleProps>;
@@ -512,19 +561,46 @@ interface PopoverProps {
512
561
  }
513
562
  declare const Popover: React$1.FC<PopoverProps>;
514
563
 
515
- interface BreadcrumbProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
516
- variant?: "flat" | "colored";
517
- asChild?: boolean;
518
- /** Label text shown in the breadcrumb item. */
519
- label?: string;
520
- /** Whether to render the leading chevron icon. */
521
- showIcon?: boolean;
522
- /** Optional custom icon to use instead of the default chevron. */
523
- icon?: React$1.ReactNode;
524
- /** Whether to render the label text. */
525
- showText?: boolean;
564
+ type TooltipPlacement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
565
+ interface TooltipProps {
566
+ children: React$1.ReactNode;
567
+ strapline?: string;
568
+ title: string;
569
+ description?: string;
570
+ showArrow?: boolean;
571
+ className?: string;
572
+ placement?: TooltipPlacement;
573
+ offset?: number;
574
+ disableHoverableContent?: boolean;
575
+ open?: boolean;
576
+ defaultOpen?: boolean;
577
+ onOpenChange?: (open: boolean) => void;
578
+ }
579
+ declare const Tooltip: React$1.FC<TooltipProps>;
580
+
581
+ interface TooltipProviderProps {
582
+ children: React$1.ReactNode;
583
+ delayDuration?: number;
584
+ skipDelayDuration?: number;
585
+ disableHoverableContent?: boolean;
586
+ }
587
+ declare const TooltipProvider: React$1.FC<TooltipProviderProps>;
588
+
589
+ declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
590
+
591
+ interface BreadcrumbsProps extends React$1.ComponentProps<typeof Breadcrumb> {
592
+ separator?: React$1.ReactNode;
593
+ /**
594
+ * When true and there are >= 5 breadcrumb items, replaces all items except
595
+ * the first one and the last two with an ellipsis dropdown menu.
596
+ */
597
+ ellipsis?: boolean;
598
+ children: React$1.ReactNode;
599
+ separatorClassName?: string;
600
+ breadcrumbItemClassName?: string;
601
+ breadcrumbPageClassName?: string;
526
602
  }
527
- declare const Breadcrumb: React$1.ForwardRefExoticComponent<BreadcrumbProps & React$1.RefAttributes<HTMLButtonElement>>;
603
+ declare const Breadcrumbs: React$1.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
528
604
 
529
605
  interface LogoBaseProps {
530
606
  className?: string;
@@ -548,4 +624,4 @@ declare const Logo: FC<LogoProps>;
548
624
 
549
625
  declare function cn(...inputs: ClassValue[]): string;
550
626
 
551
- export { Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumb, Button, ButtonGroup, Checkbox, Divider, Dropdown, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Typography, WebsiteInput, cn };
627
+ export { Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };