@koobiq/react-components 0.8.0 → 0.9.0

package/dist/components/SearchInput/SearchInput.js

@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useDOMRef, mergeProps, clsx } from "@koobiq/react-core";
 import { IconMagnifyingGlass16, IconXmarkCircle16 } from "@koobiq/react-icons";
-import { useSearchFieldState, removeDataAttributes, useSearchField } from "@koobiq/react-primitives";
+import { useSearchFieldState, removeDataAttributes, useSearchField, FieldErrorContext } from "@koobiq/react-primitives";
 import s from "./SearchInput.module.css.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { FormControl } from "../FormControl/FormControl.js";
@@ -18,20 +18,19 @@ const SearchInput = forwardRef(
     const {
       startAddon = /* @__PURE__ */ jsx(IconMagnifyingGlass16, { className: s.searchIcon }),
       variant = "filled",
-      fullWidth = false,
-      isLabelHidden = false,
+      fullWidth,
+      isLabelHidden,
       labelPlacement,
+      errorMessage,
       labelAlign,
       "data-testid": testId,
       style,
       className,
       caption,
-      errorMessage,
       isRequired,
       isReadOnly,
       label,
       endAddon,
-      isInvalid,
       isDisabled,
       slotProps
     } = props;
@@ -43,8 +42,10 @@ const SearchInput = forwardRef(
       inputProps: inputPropsAria,
       descriptionProps: descriptionPropsAria,
       errorMessageProps: errorMessagePropsAria,
-      clearButtonProps: clearButtonPropsAria
+      clearButtonProps: clearButtonPropsAria,
+      ...validation
     } = useSearchField(removeDataAttributes(props), state, domRef);
+    const { isInvalid } = validation;
     const rootProps = mergeProps(
       {
         style,
@@ -53,10 +54,10 @@ const SearchInput = forwardRef(
         fullWidth,
         "data-testid": testId,
         "data-variant": variant,
-        "data-invalid": isInvalid,
-        "data-disabled": isDisabled,
-        "data-required": isRequired,
-        "data-readonly": isReadOnly,
+        "data-invalid": isInvalid || void 0,
+        "data-readonly": isReadOnly || void 0,
+        "data-disabled": isDisabled || void 0,
+        "data-required": isRequired || void 0,
         className: clsx(s.base, className)
       },
       slotProps?.root
@@ -105,7 +106,7 @@ const SearchInput = forwardRef(
     );
     const captionProps = mergeProps({ children: caption }, slotProps?.caption, descriptionPropsAria);
     const errorProps = mergeProps(
-      { isInvalid, children: errorMessage },
+      { children: errorMessage },
       slotProps?.errorMessage,
       errorMessagePropsAria
     );
@@ -114,7 +115,7 @@ const SearchInput = forwardRef(
       /* @__PURE__ */ jsxs(Field, { children: [
         /* @__PURE__ */ jsx(FieldContentGroup, { ...groupProps, children: /* @__PURE__ */ jsx(FieldInput, { ...inputProps }) }),
         /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
-        /* @__PURE__ */ jsx(FieldError, { ...errorProps })
+        /* @__PURE__ */ jsx(FieldErrorContext.Provider, { value: validation, children: /* @__PURE__ */ jsx(FieldError, { ...errorProps }) })
       ] })
     ] });
   }

package/dist/components/SearchInput/types.d.ts

@@ -18,7 +18,6 @@ export type SearchInputProps = ExtendableProps<{
     style?: CSSProperties;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
-     * @default false
      */
     isLabelHidden?: boolean;
     /**
@@ -45,8 +44,6 @@ export type SearchInputProps = ExtendableProps<{
         errorMessage?: FieldErrorProps;
         clearButton?: IconButtonProps;
     };
-    /** An error message for the field. */
-    errorMessage?: ReactNode;
     /** The helper text content. */
     caption?: ReactNode;
     /**
@@ -56,8 +53,7 @@ export type SearchInputProps = ExtendableProps<{
     variant?: SearchInputPropVariant;
     /**
      * If `true`, the input will take up the full width of its container.
-     * @default false
      */
     fullWidth?: boolean;
-} & DataAttributeProps, Omit<AriaSearchFieldProps, 'description' | 'errorMessage' | 'validationState'>>;
+} & DataAttributeProps, Omit<AriaSearchFieldProps, 'description' | 'validationState'>>;
 export type SearchInputRef = ComponentRef<'input'>;

package/dist/components/Select/Select.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback } from "react";
 import { useLocalizedStringFormatter, useDOMRef, useElementSize, mergeProps, clsx } from "@koobiq/react-core";
 import { IconXmarkCircle16, IconChevronDownS16 } from "@koobiq/react-icons";
-import { useMultiSelectState, removeDataAttributes, useMultiSelect } from "@koobiq/react-primitives";
+import { useMultiSelectState, removeDataAttributes, useMultiSelect, FieldErrorContext } from "@koobiq/react-primitives";
 import { PopoverInner } from "../Popover/PopoverInner.js";
 import intlMessages from "./intl.js";
 import s from "./Select.module.css.js";
@@ -22,8 +22,8 @@ import { Section } from "../Collections/Section.js";
 import { Divider } from "../Collections/Divider.js";
 function SelectRender(props, ref) {
   const {
-    fullWidth = false,
-    isClearable = false,
+    fullWidth,
+    isClearable,
     "data-testid": testId,
     selectionMode = "single",
     selectedTagsOverflow = "responsive",
@@ -55,13 +55,13 @@ function SelectRender(props, ref) {
     onClear?.();
   }, [onClear, state]);
   const {
-    isInvalid,
     menuProps,
     valueProps,
     triggerProps,
     labelProps: labelPropsAria,
     descriptionProps,
-    errorMessageProps
+    errorMessageProps,
+    ...validation
   } = useMultiSelect(
     removeDataAttributes({
       ...props,
@@ -71,12 +71,13 @@ function SelectRender(props, ref) {
     state,
     domRef
   );
+  const { isInvalid } = validation;
   const { ref: containerRef, width } = useElementSize();
   const rootProps = mergeProps({
     "data-testid": testId,
-    "data-invalid": isInvalid,
-    "data-disabled": props.isDisabled,
-    "data-required": props.isRequired,
+    "data-invalid": isInvalid || void 0,
+    "data-disabled": props.isDisabled || void 0,
+    "data-required": props.isRequired || void 0,
     className,
     fullWidth,
     labelPlacement,
@@ -147,11 +148,7 @@ function SelectRender(props, ref) {
     slotProps?.popover
   );
   const captionProps = mergeProps({ children: caption }, slotProps?.caption, descriptionProps);
-  const errorProps = mergeProps(
-    { isInvalid, children: errorMessage },
-    slotProps?.errorMessage,
-    errorMessageProps
-  );
+  const errorProps = mergeProps({ children: errorMessage }, slotProps?.errorMessage, errorMessageProps);
   const renderDefaultValue = (state2, states) => {
     if (!state2.selectedItems) return null;
     if (selectionMode === "multiple")
@@ -176,7 +173,7 @@ function SelectRender(props, ref) {
           isRequired: props.isRequired
         }) }) }),
         /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
-        /* @__PURE__ */ jsx(FieldError, { ...errorProps })
+        /* @__PURE__ */ jsx(FieldErrorContext.Provider, { value: validation, children: /* @__PURE__ */ jsx(FieldError, { ...errorProps }) })
       ] })
     ] }),
     /* @__PURE__ */ jsx(PopoverInner, { ...popoverProps, children: /* @__PURE__ */ jsx(SelectList, { ...listProps }) })

package/dist/components/Select/components/SelectOption/SelectOption.js

@@ -25,11 +25,11 @@ function SelectOption({ item, state }) {
       className: clsx(listItem, textVariant["text-normal"], className),
       style,
       ref,
-      "data-hovered": isHovered,
-      "data-pressed": isPressed,
-      "data-disabled": isDisabled,
-      "data-selected": isSelected,
-      "data-focus-visible": isFocusVisible,
+      "data-hovered": isHovered || void 0,
+      "data-pressed": isPressed || void 0,
+      "data-disabled": isDisabled || void 0,
+      "data-selected": isSelected || void 0,
+      "data-focus-visible": isFocusVisible || void 0,
       children: [
         state.selectionMode === "multiple" && /* @__PURE__ */ jsx(Checkbox, { isDisabled, isSelected, isReadOnly: true }),
         item.rendered

package/dist/components/Select/types.d.ts

@@ -19,7 +19,7 @@ export type SelectProps<T> = ExtendableProps<{
      *
      *- `"multiline"` — tags wrap to multiple lines.
      *- `"responsive"` — tags collapse into a summary (e.g., "3 more").
-     * @default "responsive"
+     * @default 'responsive'
      */
     selectedTagsOverflow?: SelectPropSelectedTagsOverflow;
     /** Handler that is called when the clear button is clicked. */
@@ -34,6 +34,8 @@ export type SelectProps<T> = ExtendableProps<{
     onSelectionChange?: Parameters<typeof useMultiSelectState>['0']['onSelectionChange'];
     /** The currently selected keys in the collection (controlled). */
     selectedKeys?: Parameters<typeof useMultiSelectState>['0']['selectedKeys'];
+    validate?: Parameters<typeof useMultiSelectState>['0']['validate'];
+    validationBehavior?: Parameters<typeof useMultiSelectState>['0']['validationBehavior'];
     /**
      * The type of selection that is allowed in the collection.
      * @default 'single'
@@ -45,11 +47,8 @@ export type SelectProps<T> = ExtendableProps<{
     endAddon?: ReactNode;
     /** Inline styles. */
     style?: CSSProperties;
-    /** An error message for the field. */
-    errorMessage?: ReactNode;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
-     * @default false
      */
     isLabelHidden?: boolean;
     /**
@@ -66,7 +65,6 @@ export type SelectProps<T> = ExtendableProps<{
     caption?: ReactNode;
     /**
      * If true, the input will take up the full width of its container.
-     * @default false
      */
     fullWidth?: boolean;
     /** Unique identifier for testing purposes. */
@@ -90,6 +88,6 @@ export type SelectProps<T> = ExtendableProps<{
         errorMessage?: FieldErrorProps;
         clearButton?: IconButtonProps;
     };
-}, Omit<AriaSelectProps<T>, 'description' | 'validate' | 'validationBehavior' | 'validationState' | 'selectedKey' | 'onSelectionChange' | 'defaultSelectedKey'>>;
+}, Omit<AriaSelectProps<T>, 'description' | 'validationBehavior' | 'validate' | 'validationState' | 'selectedKey' | 'onSelectionChange' | 'defaultSelectedKey'>>;
 export type SelectComponent = <T>(props: SelectProps<T>) => ReactElement | null;
 export type SelectRef = ComponentRef<'div'>;

package/dist/components/SidePanel/SidePanel.js

@@ -14,7 +14,7 @@ const SidePanelComponent = forwardRef(
       size = "medium",
       position = "left",
       placement = "start",
-      hideCloseButton = false,
+      hideCloseButton,
       control,
       children,
       slotProps,

package/dist/components/SidePanel/types.d.ts

@@ -48,7 +48,6 @@ export type SidePanelProps = {
     control?: SidePanelPropControl;
     /**
      * If `true`, the close button isn't shown.
-     * @default false
      */
     hideCloseButton?: boolean;
     /** Handler that is called when the modal's open state changes. */
@@ -60,17 +59,14 @@ export type SidePanelProps = {
     portalContainer?: Element;
     /**
      * If `true`, the modal window won't close when clicked outside of it.
-     * @default false
      */
     disableExitOnClickOutside?: boolean;
     /**
      * If `true`, the modal window won't close when the ESC key is pressed.
-     * @default false
      */
     disableExitOnEscapeKeyDown?: boolean;
     /**
      * If `true`, the underlay (backdrop) under the modal window isn't shown.
-     * @default false
      */
     hideBackdrop?: boolean;
     /** Additional CSS-classes. */
@@ -79,7 +75,6 @@ export type SidePanelProps = {
     'data-testid'?: string | number;
     /**
      * If `true`, the focus trap in modal window is disabled.
-     * @default false
      */
     disableFocusManagement?: boolean;
     /**

package/dist/components/Table/Table.js

@@ -21,9 +21,9 @@ import { Cell } from "../Collections/Cell.js";
 const textNormal = utilClasses.typography["text-normal"];
 function TableRender(props, ref) {
   const {
-    stickyHeader = false,
-    fullWidth = false,
     divider = "none",
+    stickyHeader,
+    fullWidth,
     slotProps,
     selectionMode,
     selectionBehavior,
@@ -41,9 +41,9 @@ function TableRender(props, ref) {
   const tableProps = mergeProps(
     {
       className: clsx(s.base, fullWidth && s.fullWidth, textNormal, className),
-      "data-sticky-header": stickyHeader,
+      "data-sticky-header": stickyHeader || void 0,
       "data-divider": divider,
-      "data-fullwidth": fullWidth,
+      "data-fullwidth": fullWidth || void 0,
       ref: domRef,
       style
     },

package/dist/components/Table/components/TableRow/TableRow.js

@@ -29,11 +29,11 @@ function TableRow({ item, children, state }) {
         isFocusVisible && s.focusVisible,
         className
       ),
-      "data-hovered": isHovered,
-      "data-disabled": isDisabled,
-      "data-selected": isSelected,
-      "data-pressed": isPressed,
-      "data-focus-visible": isFocusVisible,
+      "data-hovered": isHovered || void 0,
+      "data-disabled": isDisabled || void 0,
+      "data-selected": isSelected || void 0,
+      "data-pressed": isPressed || void 0,
+      "data-focus-visible": isFocusVisible || void 0,
       ...mergeProps(rowProps, hoverProps, focusProps),
       style,
       ref,

package/dist/components/Table/types.d.ts

@@ -20,12 +20,10 @@ export type TableProps<T> = Pick<TableStateProps<T>, 'selectionBehavior' | 'sele
     divider?: TablePropDivider;
     /**
      * If `true`, the button will take up the full width of its container.
-     * @default false
      */
     fullWidth?: boolean;
     /**
      * Flag indicating a fixed table header.
-     * @default false
      */
     stickyHeader?: boolean;
     /**

package/dist/components/TagGroup/components/Tag/Tag.js

@@ -37,12 +37,12 @@ function Tag(props) {
       ),
       style,
       "data-variant": variant,
-      "data-focused": isFocused,
-      "data-pressed": isPressed,
-      "data-hovered": isHovered,
-      "aria-disabled": isDisabled,
-      "data-disabled": isDisabled,
-      "data-focus-visible": isFocusVisible
+      "data-focused": isFocused || void 0,
+      "data-pressed": isPressed || void 0,
+      "data-hovered": isHovered || void 0,
+      "aria-disabled": isDisabled || void 0,
+      "data-disabled": isDisabled || void 0,
+      "data-focus-visible": isFocusVisible || void 0
     },
     rowProps,
     hoverProps,

package/dist/components/Textarea/Textarea.d.ts

@@ -4,11 +4,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
     required?: boolean;
     hiddenLabel?: boolean;
     readonly?: boolean;
-} & Omit<import("@koobiq/react-primitives").TextFieldProps<HTMLTextAreaElement>, "children" | "style" | "className" | "validationState" | "validationBehavior" | "validate" | "description" | "inputElementType">, "caption" | "style" | "className" | "cols" | "rows" | "labelPlacement" | "labelAlign" | "fullWidth" | "variant" | "slotProps" | "data-testid" | "errorMessage" | "isLabelHidden" | "expand"> & {
+} & Omit<import("@koobiq/react-primitives").TextFieldProps<HTMLTextAreaElement>, "children" | "style" | "className" | "validationState" | "description" | "inputElementType">, "caption" | "style" | "className" | "cols" | "rows" | "labelPlacement" | "labelAlign" | "fullWidth" | "variant" | "slotProps" | "data-testid" | "isLabelHidden" | "expand"> & {
     className?: string;
     style?: import("react").CSSProperties;
     variant?: import("./types").TextareaPropVariant;
-    errorMessage?: import("react").ReactNode;
     fullWidth?: boolean;
     isLabelHidden?: boolean;
     labelPlacement?: import("./types").TextareaPropLabelPlacement;

package/dist/components/Textarea/Textarea.js

@@ -9,7 +9,7 @@ import { FormControl } from "../FormControl/FormControl.js";
 const Textarea = forwardRef((props, ref) => {
   const {
     variant = "filled",
-    fullWidth = false,
+    fullWidth,
     hiddenLabel,
     isLabelHidden: isLabelHiddenProp,
     disabled,
@@ -31,11 +31,11 @@ const Textarea = forwardRef((props, ref) => {
     label,
     ...other
   } = props;
-  const isDisabled = isDisabledProp ?? disabled ?? false;
-  const isRequired = isRequiredProp ?? required ?? false;
-  const isReadOnly = isReadOnlyProp ?? readonly ?? false;
-  const isInvalid = isInvalidProp ?? error ?? false;
-  const isLabelHidden = isLabelHiddenProp ?? hiddenLabel ?? false;
+  const isDisabled = isDisabledProp ?? disabled;
+  const isRequired = isRequiredProp ?? required;
+  const isReadOnly = isReadOnlyProp ?? readonly;
+  const isInvalid = isInvalidProp ?? error;
+  const isLabelHidden = isLabelHiddenProp ?? hiddenLabel;
   if (process.env.NODE_ENV !== "production" && "disabled" in props) {
     deprecate(
       'Textarea: the "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'

package/dist/components/Textarea/components/TextareaContextConsumer/TextareaContextConsumer.js

@@ -43,7 +43,7 @@ const TextareaContextConsumer = forwardRef((props, ref) => {
   );
   const captionProps = mergeProps({ children: caption }, slotProps?.caption);
   const errorProps = mergeProps(
-    { isInvalid, children: errorMessage },
+    { children: errorMessage, className: s.error },
     slotProps?.errorMessage
   );
   const groupProps = {

package/dist/components/Textarea/types.d.ts

@@ -15,35 +15,30 @@ export type TextareaPropLabelAlign = FormControlPropLabelAlign;
 type TextareaDeprecatedProps = {
     /**
      * If `true`, the component is disabled.
-     * @default false
      * @deprecated
      * The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.
      */
     disabled?: boolean;
     /**
      * If `true`, the input will indicate an error.
-     * @default false
      * @deprecated
      * The "error" prop is deprecated. Use "isInvalid" prop to replace it.
      */
     error?: boolean;
     /**
      * If `true`, the label is displayed as required and the input element is required.
-     * @default false
      * @deprecated
      * The "required" prop is deprecated. Use "isRequired" prop to replace it.
      */
     required?: boolean;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
-     * @default false
      * @deprecated
      * The "hiddenLabel" prop is deprecated. Use "isLabelHidden" prop to replace it.
      */
     hiddenLabel?: boolean;
     /**
      * If `true`, the input can be selected but not changed by the user.
-     * @default false
      * @deprecated
      * The "readonly" prop is deprecated. Use "isReadOnly" prop to replace it.
      */
@@ -59,16 +54,12 @@ export type TextareaProps = ExtendableProps<{
      * @default 'filled'
      */
     variant?: TextareaPropVariant;
-    /** An error message for the field. */
-    errorMessage?: ReactNode;
     /**
      * If true, the input will take up the full width of its container.
-     * @default false
      */
     fullWidth?: boolean;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
-     * @default false
      */
     isLabelHidden?: boolean;
     /**
@@ -103,6 +94,6 @@ export type TextareaProps = ExtendableProps<{
         textarea?: FieldInputProps<'textarea'>;
         errorMessage?: FieldErrorProps;
     };
-}, TextareaDeprecatedProps & Omit<TextFieldProps<HTMLTextAreaElement>, 'description' | 'validationBehavior' | 'validationState' | 'validate' | 'children' | 'style' | 'className' | 'inputElementType'>>;
+}, TextareaDeprecatedProps & Omit<TextFieldProps<HTMLTextAreaElement>, 'description' | 'validationState' | 'children' | 'style' | 'className' | 'inputElementType'>>;
 export type TextareaRef = ComponentRef<'textarea'>;
 export {};

package/dist/components/TimePicker/TimePicker.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from 'react';
-import type { TimeValue } from '@koobiq/react-primitives';
+import { type TimeValue } from '@koobiq/react-primitives';
 import type { TimePickerComponent, TimePickerProps, TimePickerRef } from './types';
 export declare function TimePickerRender<T extends TimeValue>(props: Omit<TimePickerProps<T>, 'ref'>, ref: Ref<TimePickerRef>): import("react/jsx-runtime").JSX.Element;
 export declare const TimePicker: TimePickerComponent;

package/dist/components/TimePicker/TimePicker.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useLocale, useDOMRef, mergeProps, clsx } from "@koobiq/react-core";
 import { IconClock16 } from "@koobiq/react-icons";
-import { useTimeFieldState, removeDataAttributes, useTimeField } from "@koobiq/react-primitives";
+import { useTimeFieldState, removeDataAttributes, useTimeField, FieldErrorContext } from "@koobiq/react-primitives";
 import s from "./TimePicker.module.css.js";
 import { FormControl } from "../FormControl/FormControl.js";
 import { FormControlLabel } from "../FormControlLabel/FormControlLabel.js";
@@ -18,6 +18,7 @@ function TimePickerRender(props, ref) {
   const {
     isLabelHidden,
     labelPlacement,
+    errorMessage,
     labelAlign,
     caption,
     label,
@@ -28,7 +29,6 @@ function TimePickerRender(props, ref) {
     className,
     endAddon,
     startAddon,
-    errorMessage,
     "data-testid": testId
   } = props;
   const state = useTimeFieldState({
@@ -40,9 +40,11 @@ function TimePickerRender(props, ref) {
     fieldProps,
     descriptionProps,
     errorMessageProps,
+    inputProps,
     ...validation
   } = useTimeField(removeDataAttributes(props), state, domRef);
-  const { isInvalid, isDisabled, isRequired, isReadOnly } = state;
+  const { isDisabled, isRequired, isReadOnly } = state;
+  const { isInvalid } = validation;
   const rootProps = mergeProps(
     {
       style,
@@ -51,10 +53,10 @@ function TimePickerRender(props, ref) {
       labelAlign,
       "data-testid": testId,
       "data-variant": variant,
-      "data-invalid": isInvalid,
-      "data-disabled": isDisabled,
-      "data-required": isRequired,
-      "data-readonly": isReadOnly,
+      "data-invalid": isInvalid || void 0,
+      "data-disabled": isDisabled || void 0,
+      "data-required": isRequired || void 0,
+      "data-readonly": isReadOnly || void 0,
       className: clsx(s.base, className)
     },
     slotProps?.root
@@ -90,8 +92,7 @@ function TimePickerRender(props, ref) {
   const captionProps = mergeProps({ children: caption }, slotProps?.caption, descriptionProps);
   const errorProps = mergeProps(
     {
-      isInvalid,
-      children: typeof errorMessage === "function" ? errorMessage({ ...validation }) : errorMessage
+      children: errorMessage
     },
     slotProps?.errorMessage,
     errorMessageProps
@@ -104,11 +105,14 @@ function TimePickerRender(props, ref) {
         {
           ...groupProps,
           slotProps: { startAddon: { className: s.startAddon } },
-          children: /* @__PURE__ */ jsx(FieldInputDate, { ...controlProps, children: state.segments.map((segment, i) => /* @__PURE__ */ jsx(DateSegment, { segment, state }, i)) })
+          children: /* @__PURE__ */ jsxs(FieldInputDate, { ...controlProps, children: [
+            state.segments.map((segment, i) => /* @__PURE__ */ jsx(DateSegment, { segment, state }, i)),
+            /* @__PURE__ */ jsx("input", { ...inputProps })
+          ] })
         }
       ),
       /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
-      /* @__PURE__ */ jsx(FieldError, { ...errorProps })
+      /* @__PURE__ */ jsx(FieldErrorContext.Provider, { value: validation, children: /* @__PURE__ */ jsx(FieldError, { ...errorProps }) })
     ] })
   ] });
 }

package/dist/components/TimePicker/types.d.ts

@@ -24,7 +24,6 @@ export type TimePickerProps<T extends TimeValue> = {
     variant?: DateInputPropVariant;
     /**
      * If true, the input will take up the full width of its container.
-     * @default false
      */
     fullWidth?: boolean;
     /** The props used for each slot inside. */
@@ -40,7 +39,6 @@ export type TimePickerProps<T extends TimeValue> = {
     ref?: Ref<HTMLDivElement>;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
-     * @default false
      */
     isLabelHidden?: boolean;
     /**

package/dist/components/Toggle/Toggle.js

@@ -25,11 +25,11 @@ const Toggle = forwardRef(
       className,
       ...other
     } = props;
-    const isDisabled = isDisabledProp ?? disabled ?? false;
+    const isDisabled = isDisabledProp ?? disabled;
     const isSelected = isSelectedProp ?? checked;
-    const isInvalid = isInvalidProp ?? error ?? false;
+    const isInvalid = isInvalidProp ?? error;
     const defaultSelected = defaultSelectedProp ?? defaultChecked;
-    const isReadOnly = isReadOnlyProp ?? readonly ?? false;
+    const isReadOnly = isReadOnlyProp ?? readonly;
     if (process.env.NODE_ENV !== "production" && "disabled" in props) {
       deprecate(
         'Toggle: the "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'

package/dist/components/Toggle/types.d.ts

@@ -8,14 +8,12 @@ export type TogglePropLabelPlacement = (typeof togglePropLabelPlacement)[number]
 type ToggleDeprecatedProps = {
     /**
      * If `true`, the component is disabled.
-     * @default false
      * @deprecated
      * The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.
      */
     disabled?: boolean;
     /**
      * If `true`, the component will indicate an error.
-     * @default false
      * @deprecated
      * The "error" prop is deprecated. Use "isInvalid" prop to replace it.
      */
@@ -28,7 +26,6 @@ type ToggleDeprecatedProps = {
     checked?: boolean;
     /**
      * It prevents the user from changing the value of the checkbox.
-     * @default false
      * @deprecated
      * The "readonly" prop is deprecated. Use "isReadonly" prop to replace it.
      */

package/dist/components/Tooltip/Tooltip.js

@@ -9,15 +9,15 @@ import { utilClasses } from "../../styles/utility.js";
 import s from "./Tooltip.module.css.js";
 const Tooltip = forwardRef((props, ref) => {
   const {
+    variant = "contrast",
+    placement: placementProp = "top",
+    closeDelay = 120,
     delay = 120,
-    disabled,
-    open,
     isDisabled: isDisabledProp,
     isOpen: isOpenProp,
-    closeDelay = 120,
-    hideArrow = false,
-    variant = "contrast",
-    placement: placementProp = "top",
+    disabled,
+    open,
+    hideArrow,
     control,
     children,
     anchorRef,
@@ -30,7 +30,7 @@ const Tooltip = forwardRef((props, ref) => {
     ...other
   } = props;
   const isOpen = isOpenProp ?? open;
-  const isDisabled = isDisabledProp ?? disabled ?? false;
+  const isDisabled = isDisabledProp ?? disabled;
   if (process.env.NODE_ENV !== "production" && "open" in props) {
     deprecate(
       'Tooltip: the "open" prop is deprecated. Use "isOpen" prop to replace it.'
@@ -114,9 +114,9 @@ const Tooltip = forwardRef((props, ref) => {
           "div",
           {
             ...tooltipProps,
-            "data-arrow": showArrow,
+            "data-arrow": showArrow || void 0,
             "data-variant": variant,
-            "data-placement": placement,
+            "data-placement": placement || void 0,
             "data-transition": transition,
             children: [
               showArrow && /* @__PURE__ */ jsx(