@ark-ui/react 5.14.0 → 5.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/dist/components/checkbox/checkbox-indicator.d.cts +1 -1
  2. package/dist/components/checkbox/checkbox-indicator.d.ts +1 -1
  3. package/dist/components/checkbox/use-checkbox-group.d.cts +7 -7
  4. package/dist/components/checkbox/use-checkbox-group.d.ts +7 -7
  5. package/dist/components/clipboard/clipboard-indicator.d.cts +1 -1
  6. package/dist/components/clipboard/clipboard-indicator.d.ts +1 -1
  7. package/dist/components/collapsible/use-collapsible.d.cts +1 -1
  8. package/dist/components/collapsible/use-collapsible.d.ts +1 -1
  9. package/dist/components/color-picker/color-picker-value-text.d.cts +1 -1
  10. package/dist/components/color-picker/color-picker-value-text.d.ts +1 -1
  11. package/dist/components/date-picker/date-picker-range-text.cjs +6 -1
  12. package/dist/components/date-picker/date-picker-range-text.js +7 -2
  13. package/dist/components/dialog/dialog-root-provider.d.cts +1 -1
  14. package/dist/components/dialog/dialog-root-provider.d.ts +1 -1
  15. package/dist/components/dialog/dialog-root.d.cts +1 -1
  16. package/dist/components/dialog/dialog-root.d.ts +1 -1
  17. package/dist/components/factory.d.cts +1 -1
  18. package/dist/components/factory.d.ts +1 -1
  19. package/dist/components/field/field-required-indicator.d.cts +1 -1
  20. package/dist/components/field/field-required-indicator.d.ts +1 -1
  21. package/dist/components/field/field-textarea.d.cts +1 -1
  22. package/dist/components/field/field-textarea.d.ts +1 -1
  23. package/dist/components/field/use-field.d.cts +11 -11
  24. package/dist/components/field/use-field.d.ts +11 -11
  25. package/dist/components/fieldset/use-fieldset.d.cts +3 -3
  26. package/dist/components/fieldset/use-fieldset.d.ts +3 -3
  27. package/dist/components/file-upload/file-upload-item-preview.d.cts +1 -1
  28. package/dist/components/file-upload/file-upload-item-preview.d.ts +1 -1
  29. package/dist/components/floating-panel/floating-panel-root-provider.d.cts +1 -1
  30. package/dist/components/floating-panel/floating-panel-root-provider.d.ts +1 -1
  31. package/dist/components/floating-panel/floating-panel-root.d.cts +1 -1
  32. package/dist/components/floating-panel/floating-panel-root.d.ts +1 -1
  33. package/dist/components/focus-trap/focus-trap.d.cts +1 -1
  34. package/dist/components/focus-trap/focus-trap.d.ts +1 -1
  35. package/dist/components/format/format-byte.d.cts +2 -2
  36. package/dist/components/format/format-byte.d.ts +2 -2
  37. package/dist/components/frame/frame-content.d.cts +3 -3
  38. package/dist/components/frame/frame-content.d.ts +3 -3
  39. package/dist/components/frame/frame.d.cts +3 -3
  40. package/dist/components/frame/frame.d.ts +3 -3
  41. package/dist/components/hover-card/hover-card-root-provider.d.cts +1 -1
  42. package/dist/components/hover-card/hover-card-root-provider.d.ts +1 -1
  43. package/dist/components/hover-card/hover-card-root.d.cts +1 -1
  44. package/dist/components/hover-card/hover-card-root.d.ts +1 -1
  45. package/dist/components/index.cjs +2 -0
  46. package/dist/components/index.js +1 -0
  47. package/dist/components/listbox/index.cjs +2 -0
  48. package/dist/components/listbox/index.d.cts +1 -0
  49. package/dist/components/listbox/index.d.ts +1 -0
  50. package/dist/components/listbox/index.js +1 -0
  51. package/dist/components/listbox/listbox-context.cjs +10 -0
  52. package/dist/components/listbox/listbox-context.js +6 -0
  53. package/dist/components/listbox/listbox-value-text.d.cts +1 -1
  54. package/dist/components/listbox/listbox-value-text.d.ts +1 -1
  55. package/dist/components/listbox/listbox.cjs +2 -0
  56. package/dist/components/listbox/listbox.d.cts +1 -0
  57. package/dist/components/listbox/listbox.d.ts +1 -0
  58. package/dist/components/listbox/listbox.js +1 -0
  59. package/dist/components/menu/menu-item.d.cts +1 -1
  60. package/dist/components/menu/menu-item.d.ts +1 -1
  61. package/dist/components/menu/menu-root-provider.d.cts +1 -1
  62. package/dist/components/menu/menu-root-provider.d.ts +1 -1
  63. package/dist/components/menu/menu-root.d.cts +1 -1
  64. package/dist/components/menu/menu-root.d.ts +1 -1
  65. package/dist/components/menu/use-menu-item-group-context.d.cts +2 -2
  66. package/dist/components/menu/use-menu-item-group-context.d.ts +2 -2
  67. package/dist/components/popover/popover-root-provider.d.cts +1 -1
  68. package/dist/components/popover/popover-root-provider.d.ts +1 -1
  69. package/dist/components/popover/popover-root.d.cts +1 -1
  70. package/dist/components/popover/popover-root.d.ts +1 -1
  71. package/dist/components/portal/portal.d.cts +2 -2
  72. package/dist/components/portal/portal.d.ts +2 -2
  73. package/dist/components/presence/use-presence.d.cts +1 -1
  74. package/dist/components/presence/use-presence.d.ts +1 -1
  75. package/dist/components/select/select-value-text.d.cts +1 -1
  76. package/dist/components/select/select-value-text.d.ts +1 -1
  77. package/dist/components/toggle/toggle-indicator.d.cts +1 -1
  78. package/dist/components/toggle/toggle-indicator.d.ts +1 -1
  79. package/dist/components/tooltip/tooltip-root-provider.d.cts +1 -1
  80. package/dist/components/tooltip/tooltip-root-provider.d.ts +1 -1
  81. package/dist/components/tooltip/tooltip-root.d.cts +1 -1
  82. package/dist/components/tooltip/tooltip-root.d.ts +1 -1
  83. package/dist/components/tour/tour-root.d.cts +1 -1
  84. package/dist/components/tour/tour-root.d.ts +1 -1
  85. package/dist/components/tree-view/index.d.cts +1 -1
  86. package/dist/components/tree-view/index.d.ts +1 -1
  87. package/dist/components/tree-view/tree-view-label.cjs +1 -1
  88. package/dist/components/tree-view/tree-view-label.d.cts +2 -2
  89. package/dist/components/tree-view/tree-view-label.d.ts +2 -2
  90. package/dist/components/tree-view/tree-view-label.js +1 -1
  91. package/dist/components/tree-view/tree-view-node-provider.d.cts +1 -1
  92. package/dist/components/tree-view/tree-view-node-provider.d.ts +1 -1
  93. package/dist/components/tree-view/tree-view.d.cts +1 -1
  94. package/dist/components/tree-view/tree-view.d.ts +1 -1
  95. package/dist/index.cjs +2 -0
  96. package/dist/index.js +1 -0
  97. package/dist/providers/environment/environment-provider.d.cts +2 -2
  98. package/dist/providers/environment/environment-provider.d.ts +2 -2
  99. package/dist/utils/create-context.d.cts +6 -6
  100. package/dist/utils/create-context.d.ts +6 -6
  101. package/dist/utils/render-strategy.d.cts +2 -2
  102. package/dist/utils/render-strategy.d.ts +2 -2
  103. package/dist/utils/use-controllable-state.d.cts +3 -3
  104. package/dist/utils/use-controllable-state.d.ts +3 -3
  105. package/dist/utils/use-event.d.cts +1 -1
  106. package/dist/utils/use-event.d.ts +1 -1
  107. package/package.json +65 -65
@@ -1,7 +1,7 @@
1
1
  import { HTMLProps, PolymorphicProps } from '../factory';
2
2
  import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
3
  export interface CheckboxIndicatorBaseProps extends PolymorphicProps {
4
- indeterminate?: boolean;
4
+ indeterminate?: boolean | undefined;
5
5
  }
6
6
  export interface CheckboxIndicatorProps extends HTMLProps<'div'>, CheckboxIndicatorBaseProps {
7
7
  }
@@ -1,7 +1,7 @@
1
1
  import { HTMLProps, PolymorphicProps } from '../factory';
2
2
  import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
3
  export interface CheckboxIndicatorBaseProps extends PolymorphicProps {
4
- indeterminate?: boolean;
4
+ indeterminate?: boolean | undefined;
5
5
  }
6
6
  export interface CheckboxIndicatorProps extends HTMLProps<'div'>, CheckboxIndicatorBaseProps {
7
7
  }
@@ -2,32 +2,32 @@ export interface UseCheckboxGroupProps {
2
2
  /**
3
3
  * The initial value of `value` when uncontrolled
4
4
  */
5
- defaultValue?: string[];
5
+ defaultValue?: string[] | undefined;
6
6
  /**
7
7
  * The controlled value of the checkbox group
8
8
  */
9
- value?: string[];
9
+ value?: string[] | undefined;
10
10
  /**
11
11
  * The name of the input fields in the checkbox group
12
12
  * (Useful for form submission).
13
13
  */
14
- name?: string;
14
+ name?: string | undefined;
15
15
  /**
16
16
  * The callback to call when the value changes
17
17
  */
18
- onValueChange?: (value: string[]) => void;
18
+ onValueChange?: ((value: string[]) => void) | undefined;
19
19
  /**
20
20
  * If `true`, the checkbox group is disabled
21
21
  */
22
- disabled?: boolean;
22
+ disabled?: boolean | undefined;
23
23
  /**
24
24
  * If `true`, the checkbox group is read-only
25
25
  */
26
- readOnly?: boolean;
26
+ readOnly?: boolean | undefined;
27
27
  /**
28
28
  * If `true`, the checkbox group is invalid
29
29
  */
30
- invalid?: boolean;
30
+ invalid?: boolean | undefined;
31
31
  }
32
32
  export interface CheckboxGroupItemProps {
33
33
  value: string | undefined;
@@ -2,32 +2,32 @@ export interface UseCheckboxGroupProps {
2
2
  /**
3
3
  * The initial value of `value` when uncontrolled
4
4
  */
5
- defaultValue?: string[];
5
+ defaultValue?: string[] | undefined;
6
6
  /**
7
7
  * The controlled value of the checkbox group
8
8
  */
9
- value?: string[];
9
+ value?: string[] | undefined;
10
10
  /**
11
11
  * The name of the input fields in the checkbox group
12
12
  * (Useful for form submission).
13
13
  */
14
- name?: string;
14
+ name?: string | undefined;
15
15
  /**
16
16
  * The callback to call when the value changes
17
17
  */
18
- onValueChange?: (value: string[]) => void;
18
+ onValueChange?: ((value: string[]) => void) | undefined;
19
19
  /**
20
20
  * If `true`, the checkbox group is disabled
21
21
  */
22
- disabled?: boolean;
22
+ disabled?: boolean | undefined;
23
23
  /**
24
24
  * If `true`, the checkbox group is read-only
25
25
  */
26
- readOnly?: boolean;
26
+ readOnly?: boolean | undefined;
27
27
  /**
28
28
  * If `true`, the checkbox group is invalid
29
29
  */
30
- invalid?: boolean;
30
+ invalid?: boolean | undefined;
31
31
  }
32
32
  export interface CheckboxGroupItemProps {
33
33
  value: string | undefined;
@@ -1,7 +1,7 @@
1
1
  import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
2
2
  import { HTMLProps, PolymorphicProps } from '../factory';
3
3
  export interface ClipboardIndicatorBaseProps extends PolymorphicProps {
4
- copied?: ReactNode;
4
+ copied?: ReactNode | undefined;
5
5
  }
6
6
  export interface ClipboardIndicatorProps extends HTMLProps<'div'>, ClipboardIndicatorBaseProps {
7
7
  }
@@ -1,7 +1,7 @@
1
1
  import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
2
2
  import { HTMLProps, PolymorphicProps } from '../factory';
3
3
  export interface ClipboardIndicatorBaseProps extends PolymorphicProps {
4
- copied?: ReactNode;
4
+ copied?: ReactNode | undefined;
5
5
  }
6
6
  export interface ClipboardIndicatorProps extends HTMLProps<'div'>, ClipboardIndicatorBaseProps {
7
7
  }
@@ -8,6 +8,6 @@ export interface UseCollapsibleReturn extends collapsible.Api<PropTypes> {
8
8
  /**
9
9
  * Whether the content is unmounted
10
10
  */
11
- isUnmounted?: boolean;
11
+ isUnmounted?: boolean | undefined;
12
12
  }
13
13
  export declare const useCollapsible: (props?: UseCollapsibleProps) => UseCollapsibleReturn;
@@ -8,6 +8,6 @@ export interface UseCollapsibleReturn extends collapsible.Api<PropTypes> {
8
8
  /**
9
9
  * Whether the content is unmounted
10
10
  */
11
- isUnmounted?: boolean;
11
+ isUnmounted?: boolean | undefined;
12
12
  }
13
13
  export declare const useCollapsible: (props?: UseCollapsibleProps) => UseCollapsibleReturn;
@@ -2,7 +2,7 @@ import { ColorStringFormat } from '@zag-js/color-utils';
2
2
  import { HTMLProps, PolymorphicProps } from '../factory';
3
3
  import { ForwardRefExoticComponent, RefAttributes } from 'react';
4
4
  export interface ColorPickerValueTextBaseProps extends PolymorphicProps {
5
- format?: ColorStringFormat;
5
+ format?: ColorStringFormat | undefined;
6
6
  }
7
7
  export interface ColorPickerValueTextProps extends HTMLProps<'span'>, ColorPickerValueTextBaseProps {
8
8
  }
@@ -2,7 +2,7 @@ import { ColorStringFormat } from '@zag-js/color-utils';
2
2
  import { HTMLProps, PolymorphicProps } from '../factory';
3
3
  import { ForwardRefExoticComponent, RefAttributes } from 'react';
4
4
  export interface ColorPickerValueTextBaseProps extends PolymorphicProps {
5
- format?: ColorStringFormat;
5
+ format?: ColorStringFormat | undefined;
6
6
  }
7
7
  export interface ColorPickerValueTextProps extends HTMLProps<'span'>, ColorPickerValueTextBaseProps {
8
8
  }
@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
 
6
6
  const jsxRuntime = require('react/jsx-runtime');
7
7
  const react$1 = require('@zag-js/react');
8
+ const utils = require('@zag-js/utils');
8
9
  const react = require('react');
9
10
  const factory = require('../factory.cjs');
10
11
  const useDatePickerContext = require('./use-date-picker-context.cjs');
@@ -12,7 +13,11 @@ const useDatePickerContext = require('./use-date-picker-context.cjs');
12
13
  const DatePickerRangeText = react.forwardRef((props, ref) => {
13
14
  const datePicker = useDatePickerContext.useDatePickerContext();
14
15
  const mergedProps = react$1.mergeProps(datePicker.getRangeTextProps(), props);
15
- return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: datePicker.visibleRangeText.start });
16
+ const visibleRangeText = react.useMemo(() => {
17
+ const { start, end } = datePicker.visibleRangeText;
18
+ return utils.uniq([start, end]).filter(Boolean).join(" - ");
19
+ }, [datePicker.visibleRangeText]);
20
+ return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: visibleRangeText });
16
21
  });
17
22
  DatePickerRangeText.displayName = "DatePickerRangeText";
18
23
 
@@ -1,14 +1,19 @@
1
1
  'use client';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { mergeProps } from '@zag-js/react';
4
- import { forwardRef } from 'react';
4
+ import { uniq } from '@zag-js/utils';
5
+ import { forwardRef, useMemo } from 'react';
5
6
  import { ark } from '../factory.js';
6
7
  import { useDatePickerContext } from './use-date-picker-context.js';
7
8
 
8
9
  const DatePickerRangeText = forwardRef((props, ref) => {
9
10
  const datePicker = useDatePickerContext();
10
11
  const mergedProps = mergeProps(datePicker.getRangeTextProps(), props);
11
- return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: datePicker.visibleRangeText.start });
12
+ const visibleRangeText = useMemo(() => {
13
+ const { start, end } = datePicker.visibleRangeText;
14
+ return uniq([start, end]).filter(Boolean).join(" - ");
15
+ }, [datePicker.visibleRangeText]);
16
+ return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: visibleRangeText });
12
17
  });
13
18
  DatePickerRangeText.displayName = "DatePickerRangeText";
14
19
 
@@ -8,7 +8,7 @@ interface RootProviderProps {
8
8
  export interface DialogRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
9
9
  }
10
10
  export interface DialogRootProviderProps extends DialogRootProviderBaseProps {
11
- children?: ReactNode;
11
+ children?: ReactNode | undefined;
12
12
  }
13
13
  export declare const DialogRootProvider: (props: DialogRootProviderProps) => import("react/jsx-runtime").JSX.Element;
14
14
  export {};
@@ -8,7 +8,7 @@ interface RootProviderProps {
8
8
  export interface DialogRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
9
9
  }
10
10
  export interface DialogRootProviderProps extends DialogRootProviderBaseProps {
11
- children?: ReactNode;
11
+ children?: ReactNode | undefined;
12
12
  }
13
13
  export declare const DialogRootProvider: (props: DialogRootProviderProps) => import("react/jsx-runtime").JSX.Element;
14
14
  export {};
@@ -4,6 +4,6 @@ import { UseDialogProps } from './use-dialog';
4
4
  export interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {
5
5
  }
6
6
  export interface DialogRootProps extends DialogRootBaseProps {
7
- children?: ReactNode;
7
+ children?: ReactNode | undefined;
8
8
  }
9
9
  export declare const DialogRoot: (props: DialogRootProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,6 +4,6 @@ import { UseDialogProps } from './use-dialog';
4
4
  export interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {
5
5
  }
6
6
  export interface DialogRootProps extends DialogRootBaseProps {
7
- children?: ReactNode;
7
+ children?: ReactNode | undefined;
8
8
  }
9
9
  export declare const DialogRoot: (props: DialogRootProps) => import("react/jsx-runtime").JSX.Element;
@@ -3,7 +3,7 @@ export interface PolymorphicProps {
3
3
  /**
4
4
  * Use the provided child element as the default rendered element, combining their props and behavior.
5
5
  */
6
- asChild?: boolean;
6
+ asChild?: boolean | undefined;
7
7
  }
8
8
  type JsxElements = {
9
9
  [E in keyof JSX.IntrinsicElements]: ArkForwardRefComponent<E>;
@@ -3,7 +3,7 @@ export interface PolymorphicProps {
3
3
  /**
4
4
  * Use the provided child element as the default rendered element, combining their props and behavior.
5
5
  */
6
- asChild?: boolean;
6
+ asChild?: boolean | undefined;
7
7
  }
8
8
  type JsxElements = {
9
9
  [E in keyof JSX.IntrinsicElements]: ArkForwardRefComponent<E>;
@@ -1,7 +1,7 @@
1
1
  import { HTMLProps, PolymorphicProps } from '../factory';
2
2
  import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
3
  export interface FieldRequiredIndicatorBaseProps extends PolymorphicProps {
4
- fallback?: React.ReactNode;
4
+ fallback?: React.ReactNode | undefined;
5
5
  }
6
6
  export interface FieldRequiredIndicatorProps extends HTMLProps<'span'>, FieldRequiredIndicatorBaseProps {
7
7
  }
@@ -1,7 +1,7 @@
1
1
  import { HTMLProps, PolymorphicProps } from '../factory';
2
2
  import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
3
  export interface FieldRequiredIndicatorBaseProps extends PolymorphicProps {
4
- fallback?: React.ReactNode;
4
+ fallback?: React.ReactNode | undefined;
5
5
  }
6
6
  export interface FieldRequiredIndicatorProps extends HTMLProps<'span'>, FieldRequiredIndicatorBaseProps {
7
7
  }
@@ -5,7 +5,7 @@ export interface FieldTextareaBaseProps extends PolymorphicProps {
5
5
  * Whether the textarea should autoresize
6
6
  * @default false
7
7
  */
8
- autoresize?: boolean;
8
+ autoresize?: boolean | undefined;
9
9
  }
10
10
  export interface FieldTextareaProps extends HTMLProps<'textarea'>, FieldTextareaBaseProps {
11
11
  }
@@ -5,7 +5,7 @@ export interface FieldTextareaBaseProps extends PolymorphicProps {
5
5
  * Whether the textarea should autoresize
6
6
  * @default false
7
7
  */
8
- autoresize?: boolean;
8
+ autoresize?: boolean | undefined;
9
9
  }
10
10
  export interface FieldTextareaProps extends HTMLProps<'textarea'>, FieldTextareaBaseProps {
11
11
  }
@@ -1,37 +1,37 @@
1
1
  import { HTMLProps } from '../factory';
2
2
  import { RefObject } from 'react';
3
3
  export interface ElementIds {
4
- root?: string;
5
- control?: string;
6
- label?: string;
7
- errorText?: string;
8
- helperText?: string;
4
+ root?: string | undefined;
5
+ control?: string | undefined;
6
+ label?: string | undefined;
7
+ errorText?: string | undefined;
8
+ helperText?: string | undefined;
9
9
  }
10
10
  export interface UseFieldProps {
11
11
  /**
12
12
  * The id of the field.
13
13
  */
14
- id?: string;
14
+ id?: string | undefined;
15
15
  /**
16
16
  * The ids of the field parts.
17
17
  */
18
- ids?: ElementIds;
18
+ ids?: ElementIds | undefined;
19
19
  /**
20
20
  * Indicates whether the field is required.
21
21
  */
22
- required?: boolean;
22
+ required?: boolean | undefined;
23
23
  /**
24
24
  * Indicates whether the field is disabled.
25
25
  */
26
- disabled?: boolean;
26
+ disabled?: boolean | undefined;
27
27
  /**
28
28
  * Indicates whether the field is invalid.
29
29
  */
30
- invalid?: boolean;
30
+ invalid?: boolean | undefined;
31
31
  /**
32
32
  * Indicates whether the field is read-only.
33
33
  */
34
- readOnly?: boolean;
34
+ readOnly?: boolean | undefined;
35
35
  }
36
36
  export type UseFieldReturn = ReturnType<typeof useField>;
37
37
  export declare const useField: (props?: UseFieldProps) => {
@@ -1,37 +1,37 @@
1
1
  import { HTMLProps } from '../factory';
2
2
  import { RefObject } from 'react';
3
3
  export interface ElementIds {
4
- root?: string;
5
- control?: string;
6
- label?: string;
7
- errorText?: string;
8
- helperText?: string;
4
+ root?: string | undefined;
5
+ control?: string | undefined;
6
+ label?: string | undefined;
7
+ errorText?: string | undefined;
8
+ helperText?: string | undefined;
9
9
  }
10
10
  export interface UseFieldProps {
11
11
  /**
12
12
  * The id of the field.
13
13
  */
14
- id?: string;
14
+ id?: string | undefined;
15
15
  /**
16
16
  * The ids of the field parts.
17
17
  */
18
- ids?: ElementIds;
18
+ ids?: ElementIds | undefined;
19
19
  /**
20
20
  * Indicates whether the field is required.
21
21
  */
22
- required?: boolean;
22
+ required?: boolean | undefined;
23
23
  /**
24
24
  * Indicates whether the field is disabled.
25
25
  */
26
- disabled?: boolean;
26
+ disabled?: boolean | undefined;
27
27
  /**
28
28
  * Indicates whether the field is invalid.
29
29
  */
30
- invalid?: boolean;
30
+ invalid?: boolean | undefined;
31
31
  /**
32
32
  * Indicates whether the field is read-only.
33
33
  */
34
- readOnly?: boolean;
34
+ readOnly?: boolean | undefined;
35
35
  }
36
36
  export type UseFieldReturn = ReturnType<typeof useField>;
37
37
  export declare const useField: (props?: UseFieldProps) => {
@@ -4,15 +4,15 @@ export interface UseFieldsetProps {
4
4
  /**
5
5
  * The id of the fieldset.
6
6
  */
7
- id?: string;
7
+ id?: string | undefined;
8
8
  /**
9
9
  * Indicates whether the fieldset is disabled.
10
10
  */
11
- disabled?: boolean;
11
+ disabled?: boolean | undefined;
12
12
  /**
13
13
  * Indicates whether the fieldset is invalid.
14
14
  */
15
- invalid?: boolean;
15
+ invalid?: boolean | undefined;
16
16
  }
17
17
  export type UseFieldsetReturn = ReturnType<typeof useFieldset>;
18
18
  export declare const useFieldset: (props?: UseFieldsetProps) => {
@@ -4,15 +4,15 @@ export interface UseFieldsetProps {
4
4
  /**
5
5
  * The id of the fieldset.
6
6
  */
7
- id?: string;
7
+ id?: string | undefined;
8
8
  /**
9
9
  * Indicates whether the fieldset is disabled.
10
10
  */
11
- disabled?: boolean;
11
+ disabled?: boolean | undefined;
12
12
  /**
13
13
  * Indicates whether the fieldset is invalid.
14
14
  */
15
- invalid?: boolean;
15
+ invalid?: boolean | undefined;
16
16
  }
17
17
  export type UseFieldsetReturn = ReturnType<typeof useFieldset>;
18
18
  export declare const useFieldset: (props?: UseFieldsetProps) => {
@@ -5,7 +5,7 @@ export interface FileUploadItemPreviewBaseProps extends PolymorphicProps {
5
5
  * The file type to match against. Matches all file types by default.
6
6
  * @default '.*'
7
7
  */
8
- type?: string;
8
+ type?: string | undefined;
9
9
  }
10
10
  export interface FileUploadItemPreviewProps extends HTMLProps<'div'>, FileUploadItemPreviewBaseProps {
11
11
  }
@@ -5,7 +5,7 @@ export interface FileUploadItemPreviewBaseProps extends PolymorphicProps {
5
5
  * The file type to match against. Matches all file types by default.
6
6
  * @default '.*'
7
7
  */
8
- type?: string;
8
+ type?: string | undefined;
9
9
  }
10
10
  export interface FileUploadItemPreviewProps extends HTMLProps<'div'>, FileUploadItemPreviewBaseProps {
11
11
  }
@@ -7,7 +7,7 @@ interface RootProviderProps {
7
7
  export interface FloatingPanelRootProviderBaseProps extends RootProviderProps, Omit<UsePresenceProps, 'present'> {
8
8
  }
9
9
  export interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {
10
- children?: ReactNode;
10
+ children?: ReactNode | undefined;
11
11
  }
12
12
  export declare const FloatingPanelRootProvider: (props: FloatingPanelRootProviderProps) => import("react/jsx-runtime").JSX.Element;
13
13
  export {};
@@ -7,7 +7,7 @@ interface RootProviderProps {
7
7
  export interface FloatingPanelRootProviderBaseProps extends RootProviderProps, Omit<UsePresenceProps, 'present'> {
8
8
  }
9
9
  export interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {
10
- children?: ReactNode;
10
+ children?: ReactNode | undefined;
11
11
  }
12
12
  export declare const FloatingPanelRootProvider: (props: FloatingPanelRootProviderProps) => import("react/jsx-runtime").JSX.Element;
13
13
  export {};
@@ -4,6 +4,6 @@ import { UseFloatingPanelProps } from './use-floating-panel';
4
4
  export interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePresenceProps {
5
5
  }
6
6
  export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
7
- children?: ReactNode;
7
+ children?: ReactNode | undefined;
8
8
  }
9
9
  export declare const FloatingPanelRoot: (props: FloatingPanelRootProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,6 +4,6 @@ import { UseFloatingPanelProps } from './use-floating-panel';
4
4
  export interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePresenceProps {
5
5
  }
6
6
  export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
7
- children?: ReactNode;
7
+ children?: ReactNode | undefined;
8
8
  }
9
9
  export declare const FloatingPanelRoot: (props: FloatingPanelRootProps) => import("react/jsx-runtime").JSX.Element;
@@ -6,7 +6,7 @@ export interface TrapOptions extends Pick<FocusTrapOptions, 'onActivate' | 'onDe
6
6
  /**
7
7
  * Whether the focus trap is disabled.
8
8
  */
9
- disabled?: boolean;
9
+ disabled?: boolean | undefined;
10
10
  }
11
11
  export interface FocusTrapBaseProps extends PolymorphicProps, TrapOptions {
12
12
  }
@@ -6,7 +6,7 @@ export interface TrapOptions extends Pick<FocusTrapOptions, 'onActivate' | 'onDe
6
6
  /**
7
7
  * Whether the focus trap is disabled.
8
8
  */
9
- disabled?: boolean;
9
+ disabled?: boolean | undefined;
10
10
  }
11
11
  export interface FocusTrapBaseProps extends PolymorphicProps, TrapOptions {
12
12
  }
@@ -2,11 +2,11 @@ export interface FormatByteProps {
2
2
  /**
3
3
  * The unit granularity to display
4
4
  */
5
- unit?: 'bit' | 'byte';
5
+ unit?: 'bit' | 'byte' | undefined;
6
6
  /**
7
7
  * The unit display
8
8
  */
9
- unitDisplay?: 'long' | 'short' | 'narrow';
9
+ unitDisplay?: 'long' | 'short' | 'narrow' | undefined;
10
10
  /**
11
11
  * The byte size to format
12
12
  */
@@ -2,11 +2,11 @@ export interface FormatByteProps {
2
2
  /**
3
3
  * The unit granularity to display
4
4
  */
5
- unit?: 'bit' | 'byte';
5
+ unit?: 'bit' | 'byte' | undefined;
6
6
  /**
7
7
  * The unit display
8
8
  */
9
- unitDisplay?: 'long' | 'short' | 'narrow';
9
+ unitDisplay?: 'long' | 'short' | 'narrow' | undefined;
10
10
  /**
11
11
  * The byte size to format
12
12
  */
@@ -1,8 +1,8 @@
1
1
  import { ReactNode } from 'react';
2
2
  interface FrameContentProps {
3
- onMount?(): void;
4
- onUnmount?(): void;
5
- children?: React.ReactNode;
3
+ onMount?: VoidFunction | undefined;
4
+ onUnmount?: VoidFunction | undefined;
5
+ children?: React.ReactNode | undefined;
6
6
  }
7
7
  export declare const FrameContent: (props: FrameContentProps) => ReactNode;
8
8
  export {};
@@ -1,8 +1,8 @@
1
1
  import { ReactNode } from 'react';
2
2
  interface FrameContentProps {
3
- onMount?(): void;
4
- onUnmount?(): void;
5
- children?: React.ReactNode;
3
+ onMount?: VoidFunction | undefined;
4
+ onUnmount?: VoidFunction | undefined;
5
+ children?: React.ReactNode | undefined;
6
6
  }
7
7
  export declare const FrameContent: (props: FrameContentProps) => ReactNode;
8
8
  export {};
@@ -2,11 +2,11 @@ import { Assign } from '../../types';
2
2
  import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
3
  export interface FrameBaseProps {
4
4
  /** Additional content to be inserted into the frame's <head> */
5
- head?: React.ReactNode;
5
+ head?: React.ReactNode | undefined;
6
6
  /** Callback function to be executed when the frame is mounted */
7
- onMount?: () => void;
7
+ onMount?: (() => void) | undefined;
8
8
  /** Callback function to be executed when the frame is unmounted */
9
- onUnmount?: () => void;
9
+ onUnmount?: (() => void) | undefined;
10
10
  }
11
11
  export interface FrameProps extends Assign<React.IframeHTMLAttributes<HTMLIFrameElement>, FrameBaseProps> {
12
12
  }
@@ -2,11 +2,11 @@ import { Assign } from '../../types';
2
2
  import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
3
  export interface FrameBaseProps {
4
4
  /** Additional content to be inserted into the frame's <head> */
5
- head?: React.ReactNode;
5
+ head?: React.ReactNode | undefined;
6
6
  /** Callback function to be executed when the frame is mounted */
7
- onMount?: () => void;
7
+ onMount?: (() => void) | undefined;
8
8
  /** Callback function to be executed when the frame is unmounted */
9
- onUnmount?: () => void;
9
+ onUnmount?: (() => void) | undefined;
10
10
  }
11
11
  export interface FrameProps extends Assign<React.IframeHTMLAttributes<HTMLIFrameElement>, FrameBaseProps> {
12
12
  }
@@ -7,7 +7,7 @@ interface RootProviderProps {
7
7
  export interface HoverCardRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
8
8
  }
9
9
  export interface HoverCardRootProviderProps extends HoverCardRootProviderBaseProps {
10
- children?: ReactNode;
10
+ children?: ReactNode | undefined;
11
11
  }
12
12
  export declare const HoverCardRootProvider: (props: HoverCardRootProviderProps) => import("react/jsx-runtime").JSX.Element;
13
13
  export {};
@@ -7,7 +7,7 @@ interface RootProviderProps {
7
7
  export interface HoverCardRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
8
8
  }
9
9
  export interface HoverCardRootProviderProps extends HoverCardRootProviderBaseProps {
10
- children?: ReactNode;
10
+ children?: ReactNode | undefined;
11
11
  }
12
12
  export declare const HoverCardRootProvider: (props: HoverCardRootProviderProps) => import("react/jsx-runtime").JSX.Element;
13
13
  export {};
@@ -4,6 +4,6 @@ import { UseHoverCardProps } from './use-hover-card';
4
4
  export interface HoverCardRootBaseProps extends UseHoverCardProps, UsePresenceProps {
5
5
  }
6
6
  export interface HoverCardRootProps extends HoverCardRootBaseProps {
7
- children?: ReactNode;
7
+ children?: ReactNode | undefined;
8
8
  }
9
9
  export declare const HoverCardRoot: (props: HoverCardRootProps) => import("react/jsx-runtime").JSX.Element;