@koobiq/react-components 0.7.1 → 0.9.0

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,20 +4,21 @@ 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" | "variant" | "slotProps" | "fullWidth" | "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;
+    labelAlign?: import("./types").TextareaPropLabelAlign;
     caption?: import("react").ReactNode;
     rows?: number;
     cols?: number;
     expand?: import("./types").TextareaPropExpand;
     'data-testid'?: string | number;
     slotProps?: {
-        label?: import("../FieldComponents").FieldLabelProps;
+        label?: import("..").FormControlLabelProps;
         caption?: import("../FieldComponents").FieldCaptionProps;
         textarea?: import("../FieldComponents").FieldInputProps<"textarea">;
         errorMessage?: import("../FieldComponents").FieldErrorProps;

package/dist/components/Textarea/Textarea.js

@@ -5,11 +5,11 @@ import { deprecate } from "@koobiq/logger";
 import { mergeProps } from "@koobiq/react-core";
 import { TextField } from "@koobiq/react-primitives";
 import { TextareaContextConsumer } from "./components/TextareaContextConsumer/TextareaContextConsumer.js";
-import { FieldControl } from "../FieldComponents/FieldControl/FieldControl.js";
+import { FormControl } from "../FormControl/FormControl.js";
 const Textarea = forwardRef((props, ref) => {
   const {
     variant = "filled",
-    fullWidth = false,
+    fullWidth,
     hiddenLabel,
     isLabelHidden: isLabelHiddenProp,
     disabled,
@@ -20,6 +20,8 @@ const Textarea = forwardRef((props, ref) => {
     isRequired: isRequiredProp,
     readonly,
     isReadOnly: isReadOnlyProp,
+    labelPlacement,
+    labelAlign,
     rows,
     cols,
     expand,
@@ -29,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.'
@@ -68,12 +70,13 @@ const Textarea = forwardRef((props, ref) => {
       isReadOnly,
       isInvalid,
       errorMessage,
-      "data-variant": variant,
-      "data-fullwidth": fullWidth
+      labelPlacement,
+      labelAlign,
+      "data-variant": variant
     },
     other
   );
-  return /* @__PURE__ */ jsx(FieldControl, { as: TextField, inputElementType: "textarea", ...rootProps, children: (values) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(FormControl, { as: TextField, inputElementType: "textarea", ...rootProps, children: (values) => /* @__PURE__ */ jsx(
     TextareaContextConsumer,
     {
       ...values,

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

@@ -3,4 +3,4 @@ export declare const TextareaContextConsumer: import("react").ForwardRefExoticCo
     isRequired?: boolean;
     isInvalid?: boolean;
     isDisabled?: boolean;
-} & Pick<TextareaProps, "caption" | "label" | "cols" | "rows" | "variant" | "slotProps" | "errorMessage" | "isLabelHidden" | "expand"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+} & Pick<TextareaProps, "caption" | "label" | "cols" | "rows" | "labelPlacement" | "variant" | "slotProps" | "errorMessage" | "isLabelHidden" | "expand"> & import("react").RefAttributes<HTMLTextAreaElement>>;

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

@@ -4,7 +4,8 @@ import { useDOMRef, mergeProps } from "@koobiq/react-core";
 import { useTextareaContext } from "@koobiq/react-primitives";
 import s from "../../Textarea.module.css.js";
 import { useTextareaAutosize } from "../../utils/useTextareaAutosize.js";
-import { FieldLabel } from "../../../FieldComponents/FieldLabel/FieldLabel.js";
+import { FormControlLabel } from "../../../FormControlLabel/FormControlLabel.js";
+import { Field } from "../../../FieldComponents/Field/Field.js";
 import { FieldContentGroup } from "../../../FieldComponents/FieldContentGroup/FieldContentGroup.js";
 import { FieldInput } from "../../../FieldComponents/FieldInput/FieldInput.js";
 import { FieldCaption } from "../../../FieldComponents/FieldCaption/FieldCaption.js";
@@ -42,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 = {
@@ -50,15 +51,14 @@ const TextareaContextConsumer = forwardRef((props, ref) => {
     isInvalid,
     isDisabled
   };
-  const labelProps = mergeProps(
-    { isHidden: isLabelHidden, children: label, isRequired },
-    slotProps?.label
-  );
+  const labelProps = mergeProps({ isHidden: isLabelHidden, children: label, isRequired }, slotProps?.label);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(FieldLabel, { ...labelProps }),
-    /* @__PURE__ */ jsx(FieldContentGroup, { ...groupProps, children: /* @__PURE__ */ jsx(FieldInput, { as: "textarea", ...textareaProps }) }),
-    /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
-    /* @__PURE__ */ jsx(FieldError, { ...errorProps })
+    /* @__PURE__ */ jsx(FormControlLabel, { ...labelProps }),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(FieldContentGroup, { ...groupProps, children: /* @__PURE__ */ jsx(FieldInput, { as: "textarea", ...textareaProps }) }),
+      /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
+      /* @__PURE__ */ jsx(FieldError, { ...errorProps })
+    ] })
   ] });
 });
 TextareaContextConsumer.displayName = "TextareaContextConsumer";

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

@@ -1,43 +1,44 @@
 import type { ComponentRef, CSSProperties, ReactNode } from 'react';
 import type { ExtendableProps } from '@koobiq/react-core';
 import type { TextFieldProps } from '@koobiq/react-primitives';
-import { type FieldCaptionProps, type FieldContentGroupPropVariant, type FieldErrorProps, type FieldInputProps, type FieldLabelProps } from '../FieldComponents';
+import { type FieldCaptionProps, type FieldContentGroupPropVariant, type FieldErrorProps, type FieldInputProps } from '../FieldComponents';
+import { type FormControlPropLabelAlign, type FormControlPropLabelPlacement } from '../FormControl';
+import type { FormControlLabelProps } from '../FormControlLabel';
 export declare const textareaPropVariant: readonly ["filled", "transparent"];
 export type TextareaPropVariant = FieldContentGroupPropVariant;
 export declare const textareaPropExpand: readonly ["auto-size", "vertical-resize"];
 export type TextareaPropExpand = (typeof textareaPropExpand)[number];
+export declare const textareaPropLabelPlacement: readonly ["top", "side"];
+export type TextareaPropLabelPlacement = FormControlPropLabelPlacement;
+export declare const textareaPropLabelAlign: readonly ["start", "end"];
+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.
      */
@@ -53,18 +54,24 @@ 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;
+    /**
+     * The label's overall position relative to the element it is labeling.
+     * @default 'top'
+     */
+    labelPlacement?: TextareaPropLabelPlacement;
+    /**
+     * The label's horizontal alignment relative to the element it is labeling.
+     * @default 'start'
+     */
+    labelAlign?: TextareaPropLabelAlign;
     /** The helper text content. */
     caption?: ReactNode;
     /** The rows property specifies the visible height of a text area, in lines. */
@@ -82,11 +89,11 @@ export type TextareaProps = ExtendableProps<{
     'data-testid'?: string | number;
     /** The props used for each slot inside. */
     slotProps?: {
-        label?: FieldLabelProps;
+        label?: FormControlLabelProps;
         caption?: FieldCaptionProps;
         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/Textarea/types.js

@@ -1,7 +1,12 @@
 import { fieldContentGroupPropVariant } from "../FieldComponents/FieldContentGroup/types.js";
+import { formControlPropLabelPlacement, formControlPropLabelAlign } from "../FormControl/types.js";
 const textareaPropVariant = fieldContentGroupPropVariant;
 const textareaPropExpand = ["auto-size", "vertical-resize"];
+const textareaPropLabelPlacement = formControlPropLabelPlacement;
+const textareaPropLabelAlign = formControlPropLabelAlign;
 export {
   textareaPropExpand,
+  textareaPropLabelAlign,
+  textareaPropLabelPlacement,
   textareaPropVariant
 };

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,10 +2,11 @@ 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 { FieldControl } from "../FieldComponents/FieldControl/FieldControl.js";
-import { FieldLabel } from "../FieldComponents/FieldLabel/FieldLabel.js";
+import { FormControl } from "../FormControl/FormControl.js";
+import { FormControlLabel } from "../FormControlLabel/FormControlLabel.js";
+import { Field } from "../FieldComponents/Field/Field.js";
 import { FieldContentGroup } from "../FieldComponents/FieldContentGroup/FieldContentGroup.js";
 import { FieldInputDate } from "../FieldComponents/FieldInputDate/FieldInputDate.js";
 import { DateSegment } from "../DateSegment/DateSegment.js";
@@ -16,6 +17,9 @@ function TimePickerRender(props, ref) {
   const domRef = useDOMRef(ref);
   const {
     isLabelHidden,
+    labelPlacement,
+    errorMessage,
+    labelAlign,
     caption,
     label,
     slotProps,
@@ -25,7 +29,6 @@ function TimePickerRender(props, ref) {
     className,
     endAddon,
     startAddon,
-    errorMessage,
     "data-testid": testId
   } = props;
   const state = useTimeFieldState({
@@ -37,20 +40,23 @@ 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,
       fullWidth,
+      labelPlacement,
+      labelAlign,
       "data-testid": testId,
       "data-variant": variant,
-      "data-invalid": isInvalid,
-      "data-disabled": isDisabled,
-      "data-fullwidth": fullWidth,
-      "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
@@ -86,24 +92,28 @@ 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
   );
-  return /* @__PURE__ */ jsxs(FieldControl, { ...rootProps, children: [
-    /* @__PURE__ */ jsx(FieldLabel, { ...labelProps }),
-    /* @__PURE__ */ jsx(
-      FieldContentGroup,
-      {
-        ...groupProps,
-        slotProps: { startAddon: { className: s.startAddon } },
-        children: /* @__PURE__ */ jsx(FieldInputDate, { ...controlProps, children: state.segments.map((segment, i) => /* @__PURE__ */ jsx(DateSegment, { segment, state }, i)) })
-      }
-    ),
-    /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
-    /* @__PURE__ */ jsx(FieldError, { ...errorProps })
+  return /* @__PURE__ */ jsxs(FormControl, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(FormControlLabel, { ...labelProps }),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(
+        FieldContentGroup,
+        {
+          ...groupProps,
+          slotProps: { startAddon: { className: s.startAddon } },
+          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(FieldErrorContext.Provider, { value: validation, children: /* @__PURE__ */ jsx(FieldError, { ...errorProps }) })
+    ] })
   ] });
 }
 const TimePicker = forwardRef(TimePickerRender);

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

@@ -1,7 +1,13 @@
 import type { ComponentRef, CSSProperties, ReactElement, ReactNode, Ref } from 'react';
 import type { AriaTimeFieldProps, TimeValue } from '@koobiq/react-primitives';
 import type { DateInputPropVariant } from '../DateInput';
-import type { FieldCaptionProps, FieldControlProps, FieldErrorProps, FieldInputDateProps, FieldContentGroupProps, FieldLabelProps } from '../FieldComponents';
+import { type FieldCaptionProps, type FieldErrorProps, type FieldInputDateProps, type FieldContentGroupProps } from '../FieldComponents';
+import { type FormControlProps, type FormControlPropLabelAlign, type FormControlPropLabelPlacement } from '../FormControl';
+import type { FormControlLabelProps } from '../FormControlLabel';
+export declare const timePickerPropLabelPlacement: readonly ["top", "side"];
+export type TimePickerPropLabelPlacement = FormControlPropLabelPlacement;
+export declare const timePickerPropLabelAlign: readonly ["start", "end"];
+export type TimePickerPropLabelAlign = FormControlPropLabelAlign;
 export type TimePickerProps<T extends TimeValue> = {
     /** Inline styles. */
     style?: CSSProperties;
@@ -18,13 +24,12 @@ 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. */
     slotProps?: {
-        root?: FieldControlProps;
-        label?: FieldLabelProps;
+        root?: FormControlProps;
+        label?: FormControlLabelProps;
         group?: FieldContentGroupProps;
         caption?: FieldCaptionProps;
         inputDate?: FieldInputDateProps;
@@ -34,9 +39,18 @@ 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;
+    /**
+     * The label's overall position relative to the element it is labeling.
+     * @default 'top'
+     */
+    labelPlacement?: TimePickerPropLabelPlacement;
+    /**
+     * The label's horizontal alignment relative to the element it is labeling.
+     * @default 'start'
+     */
+    labelAlign?: TimePickerPropLabelAlign;
     /** Addon placed before the children. */
     startAddon?: ReactNode;
     /** Addon placed after the children. */

package/dist/components/TimePicker/types.js

@@ -0,0 +1,7 @@
+import { formControlPropLabelPlacement, formControlPropLabelAlign } from "../FormControl/types.js";
+const timePickerPropLabelPlacement = formControlPropLabelPlacement;
+const timePickerPropLabelAlign = formControlPropLabelAlign;
+export {
+  timePickerPropLabelAlign,
+  timePickerPropLabelPlacement
+};

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

@@ -1,5 +1,5 @@
 import { type SwitchProps } from '@koobiq/react-primitives';
-export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<Omit<SwitchProps, "inputRef">, "children" | "style" | "className" | "size" | "slotProps" | "labelPlacement" | keyof {
+export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<Omit<SwitchProps, "inputRef">, "children" | "style" | "className" | "size" | "labelPlacement" | "slotProps" | keyof {
     disabled?: boolean;
     error?: boolean;
     checked?: 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.d.ts

@@ -1,4 +1,4 @@
-export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<import("@react-types/tooltip").TooltipTriggerProps, "children" | "className" | "id" | "offset" | "variant" | `data-${string}` | "placement" | "control" | "portalContainer" | "anchorRef" | "hideArrow" | "arrowBoundaryOffset" | "crossOffset" | "delay" | "closeDelay" | keyof {
+export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<import("@react-types/tooltip").TooltipTriggerProps, "children" | "className" | "id" | "offset" | `data-${string}` | "variant" | "placement" | "control" | "portalContainer" | "anchorRef" | "hideArrow" | "arrowBoundaryOffset" | "crossOffset" | "delay" | "closeDelay" | keyof {
     open?: boolean;
     disabled?: boolean;
 }> & {

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(

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

@@ -11,14 +11,12 @@ export type TooltipPropPlacement = (typeof tooltipPropPlacement)[number];
 type TooltipDeprecatedProps = {
     /**
      * If `true`, the component is shown.
-     * @default false
      * @deprecated
      * The "open" prop is deprecated. Use "isOpen" prop to replace it.
      */
     open?: boolean;
     /**
      * If `true`, the component is disabled.
-     * @deprecated
      * The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.
      */
     disabled?: boolean;
@@ -59,7 +57,6 @@ export type TooltipProps = ExtendableProps<{
     crossOffset?: number;
     /**
      * If `true`, the arrow isn't shown.
-     * @default false
      */
     hideArrow?: boolean;
     /**

package/dist/components/index.d.ts

@@ -1,6 +1,8 @@
 export * from './Provider';
 export * from './FlexBox';
 export * from './Container';
+export * from './FormControl';
+export * from './FormControlLabel';
 export * from './Alert';
 export * from './Button';
 export * from './IconButton';