@koobiq/react-components 0.0.1-beta.31 → 0.0.1-beta.33

package/dist/components/DateInput/DateInput.d.ts

@@ -0,0 +1,5 @@
+import type { Ref } from 'react';
+import type { DateValue } from '@koobiq/react-primitives';
+import type { DateInputRef, DateInputProps, DateInputComponentProp } from './types';
+export declare function DateInputRender<T extends DateValue>(props: Omit<DateInputProps<T>, 'ref'>, ref: Ref<DateInputRef>): import("react/jsx-runtime").JSX.Element;
+export declare const DateInput: DateInputComponentProp;

package/dist/components/DateInput/DateInput.js

@@ -0,0 +1,103 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { createCalendar } from "@internationalized/date";
+import { useDOMRef, mergeProps, clsx } from "@koobiq/react-core";
+import { useLocale, useDateFieldState, removeDataAttributes, useDateField } from "@koobiq/react-primitives";
+import s from "./DateInput.module.css.js";
+import { FieldInputDate } from "../FieldComponents/FieldInputDate/FieldInputDate.js";
+import { DateInputSegment } from "./components/DateInputSegment/DateInputSegment.js";
+import { FieldControl } from "../FieldComponents/FieldControl/FieldControl.js";
+import { FieldLabel } from "../FieldComponents/FieldLabel/FieldLabel.js";
+import { FieldInputGroup } from "../FieldComponents/FieldInputGroup/FieldInputGroup.js";
+import { FieldCaption } from "../FieldComponents/FieldCaption/FieldCaption.js";
+import { FieldError } from "../FieldComponents/FieldError/FieldError.js";
+function DateInputRender(props, ref) {
+  const { errorMessage } = props;
+  const { locale } = useLocale();
+  const {
+    variant = "filled",
+    slotProps,
+    caption,
+    startAddon,
+    endAddon,
+    isLabelHidden,
+    label,
+    className,
+    style,
+    fullWidth,
+    isReadOnly,
+    "data-testid": testId
+  } = props;
+  const state = useDateFieldState({
+    ...removeDataAttributes(props),
+    locale,
+    createCalendar
+  });
+  const domRef = useDOMRef(ref);
+  const {
+    labelProps: labelPropReactAria,
+    fieldProps,
+    descriptionProps,
+    errorMessageProps,
+    ...validation
+  } = useDateField({ ...removeDataAttributes(props) }, state, domRef);
+  const { isInvalid, isRequired, isDisabled } = state;
+  const rootProps = mergeProps(
+    {
+      style,
+      fullWidth,
+      "data-testid": testId,
+      "data-variant": variant,
+      "data-invalid": isInvalid,
+      "data-disabled": isDisabled,
+      "data-fullwidth": fullWidth,
+      "data-required": isRequired,
+      "data-readonly": isReadOnly,
+      className: clsx(s.base, className)
+    },
+    slotProps?.root
+  );
+  const labelProps = mergeProps(
+    { isHidden: isLabelHidden, children: label, isRequired },
+    labelPropReactAria,
+    slotProps?.label
+  );
+  const groupProps = mergeProps(
+    {
+      endAddon,
+      isInvalid,
+      startAddon
+    },
+    slotProps?.group
+  );
+  const captionProps = mergeProps({ children: caption }, slotProps?.caption, descriptionProps);
+  const errorProps = mergeProps(
+    {
+      isInvalid,
+      children: typeof errorMessage === "function" ? errorMessage({ ...validation }) : errorMessage
+    },
+    slotProps?.errorMessage,
+    errorMessageProps
+  );
+  const controlProps = mergeProps(
+    {
+      variant,
+      isInvalid,
+      isDisabled,
+      ref: domRef
+    },
+    slotProps?.inputDate,
+    fieldProps
+  );
+  return /* @__PURE__ */ jsxs(FieldControl, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(FieldLabel, { ...labelProps }),
+    /* @__PURE__ */ jsx(FieldInputGroup, { ...groupProps, children: /* @__PURE__ */ jsx(FieldInputDate, { ...controlProps, children: state.segments.map((segment, i) => /* @__PURE__ */ jsx(DateInputSegment, { segment, state }, i)) }) }),
+    /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
+    /* @__PURE__ */ jsx(FieldError, { ...errorProps })
+  ] });
+}
+const DateInput = forwardRef(DateInputRender);
+export {
+  DateInput,
+  DateInputRender
+};

package/dist/components/DateInput/DateInput.module.css.js

@@ -0,0 +1,8 @@
+const base = "kbq-dateinput-a4c39b";
+const s = {
+  base
+};
+export {
+  base,
+  s as default
+};

package/dist/components/DateInput/components/DateInputSegment/DateInputSegment.d.ts

@@ -0,0 +1,7 @@
+import type { DateSegment, DateFieldState } from '@koobiq/react-primitives';
+type DateInputSegmentProps = {
+    segment: DateSegment;
+    state: DateFieldState;
+};
+export declare function DateInputSegment({ segment, state }: DateInputSegmentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DateInput/components/DateInputSegment/DateInputSegment.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { clsx } from "@koobiq/react-core";
+import { useDateSegment } from "@koobiq/react-primitives";
+import s from "./DateInputSegment.module.css.js";
+function DateInputSegment({ segment, state }) {
+  const ref = useRef(null);
+  const { segmentProps } = useDateSegment(segment, state, ref);
+  const { text, isPlaceholder, type } = segment;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...segmentProps,
+      ref,
+      className: clsx(
+        s.base,
+        s[type],
+        state.value !== null && s.hasValue,
+        isPlaceholder && s.placeholder
+      ),
+      children: text
+    }
+  );
+}
+export {
+  DateInputSegment
+};

package/dist/components/DateInput/components/DateInputSegment/DateInputSegment.module.css.js

@@ -0,0 +1,17 @@
+const base = "kbq-dateinputsegment-996e10";
+const placeholder = "kbq-dateinputsegment-placeholder-be1df1";
+const literal = "kbq-dateinputsegment-literal-d722fc";
+const hasValue = "kbq-dateinputsegment-hasValue-886d0f";
+const s = {
+  base,
+  placeholder,
+  literal,
+  hasValue
+};
+export {
+  base,
+  s as default,
+  hasValue,
+  literal,
+  placeholder
+};

package/dist/components/DateInput/components/DateInputSegment/index.d.ts

@@ -0,0 +1 @@
+export * from './DateInputSegment';

package/dist/components/DateInput/components/index.d.ts

@@ -0,0 +1 @@
+export * from './DateInputSegment';

package/dist/components/DateInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DateInput';
+export * from './types';

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

@@ -0,0 +1,47 @@
+import type { ComponentRef, CSSProperties, ReactElement, ReactNode, Ref } from 'react';
+import type { AriaDateFieldProps, DateValue } from '@koobiq/react-primitives';
+import type { FieldCaptionProps, FieldControlProps, FieldErrorProps, FieldInputDateProps, FieldInputGroupProps, FieldLabelProps } from '../FieldComponents';
+export declare const dateInputPropVariant: readonly ["filled", "transparent"];
+export type DateInputPropVariant = (typeof dateInputPropVariant)[number];
+export type DateInputProps<T extends DateValue> = {
+    /** Inline styles. */
+    style?: CSSProperties;
+    /** Additional CSS-classes. */
+    className?: string;
+    /** Unique identifier for testing purposes. */
+    'data-testid'?: string | number;
+    /** The helper text content. */
+    caption?: string | number;
+    /**
+     * The variant to use.
+     * @default filled
+     */
+    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;
+        group?: FieldInputGroupProps;
+        caption?: FieldCaptionProps;
+        inputDate?: FieldInputDateProps;
+        errorMessage?: FieldErrorProps;
+    };
+    /** Ref to the control */
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * If `true`, the label is hidden. Be sure to add aria-label to the input element.
+     * @default false
+     */
+    isLabelHidden?: boolean;
+    /** Addon placed before the children. */
+    startAddon?: ReactNode;
+    /** Addon placed after the children. */
+    endAddon?: ReactNode;
+} & Omit<AriaDateFieldProps<T>, 'description' | 'validationBehavior' | 'validate' | 'validationState'>;
+export type DateInputComponentProp = <T extends DateValue>(props: DateInputProps<T>) => ReactElement | null;
+export type DateInputRef = ComponentRef<'div'>;

package/dist/components/DateInput/types.js

@@ -0,0 +1,4 @@
+const dateInputPropVariant = ["filled", "transparent"];
+export {
+  dateInputPropVariant
+};

package/dist/components/DatePicker/DatePicker._stories_.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import { DatePicker } from './DatePicker';
+declare const meta: {
+    title: string;
+    component: typeof DatePicker;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import type { AriaDatePickerProps, DateValue } from '@koobiq/react-primitives';
+export type DatePickerProps<T extends DateValue> = AriaDatePickerProps<T>;
+export declare function DatePicker<T extends DateValue>(props: DatePickerProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/FieldComponents/FieldCaption/FieldCaption.d.ts

@@ -1,6 +1,8 @@
 import { type TextProps, type TextRef } from '@koobiq/react-primitives';
-export type FieldCaptionProps = TextProps & {
-    isInvalid?: boolean;
-};
+export type FieldCaptionProps = TextProps;
 export type FieldCaptionRef = TextRef;
-export declare const FieldCaption: import("react").ForwardRefExoticComponent<Omit<FieldCaptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const FieldCaption: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, "as" | keyof import("@koobiq/react-primitives").TextBaseProps> & import("@koobiq/react-primitives").TextBaseProps & {
+    as?: "p" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/components/FieldComponents/FieldCaption/FieldCaption.js

@@ -4,7 +4,7 @@ import { isNotNil, clsx } from "@koobiq/react-core";
 import { Text } from "@koobiq/react-primitives";
 import s from "./FieldCaption.module.css.js";
 const FieldCaption = forwardRef(
-  ({ children, className, isInvalid, ...other }, ref) => isNotNil(children) && !isInvalid ? /* @__PURE__ */ jsx(
+  ({ children, className, ...other }, ref) => isNotNil(children) ? /* @__PURE__ */ jsx(
     Text,
     {
       className: clsx(s.base, className),

package/dist/components/FieldComponents/FieldInputDate/FieldInputDate.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode, type Ref } from 'react';
+import type { InputPropVariant } from '../../Input';
+export type FieldInputDateProps = {
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    variant?: InputPropVariant;
+    className?: string;
+    children?: ReactNode;
+    'data-testid'?: string;
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const FieldInputDate: import("react").ForwardRefExoticComponent<Omit<FieldInputDateProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/FieldComponents/FieldInputDate/FieldInputDate.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsx } from "@koobiq/react-core";
+import s from "./FieldInputDate.module.css.js";
+const FieldInputDate = forwardRef(
+  ({
+    isInvalid = false,
+    isDisabled = false,
+    variant = "filled",
+    children,
+    className,
+    ...other
+  }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...other,
+      className: clsx(
+        s.base,
+        s[variant],
+        isInvalid && s.invalid,
+        isDisabled && s.disabled,
+        className
+      ),
+      ref,
+      children
+    }
+  )
+);
+FieldInputDate.displayName = "FieldSelect";
+export {
+  FieldInputDate
+};

package/dist/components/FieldComponents/FieldInputDate/FieldInputDate.module.css.js

@@ -0,0 +1,20 @@
+const base = "kbq-fieldinputdate-a54331";
+const transparent = "kbq-fieldinputdate-transparent-04d912";
+const filled = "kbq-fieldinputdate-filled-02db7d";
+const invalid = "kbq-fieldinputdate-invalid-d764c6";
+const disabled = "kbq-fieldinputdate-disabled-692832";
+const s = {
+  base,
+  transparent,
+  filled,
+  invalid,
+  disabled
+};
+export {
+  base,
+  s as default,
+  disabled,
+  filled,
+  invalid,
+  transparent
+};

package/dist/components/FieldComponents/FieldInputDate/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldInputDate';

package/dist/components/FieldComponents/index.d.ts

@@ -6,3 +6,4 @@ export * from './FieldAddon';
 export * from './FieldCaption';
 export * from './FieldError';
 export * from './FieldInputGroup';
+export * from './FieldInputDate';

package/dist/components/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import { TextField } from '@koobiq/react-primitives';
 import { type FieldLabelProps, type FieldInputGroupProps, type FieldCaptionProps, type FieldErrorProps, type FieldInputProps, type FieldControlProps } from '../FieldComponents';
-export declare const Input: import("react").ForwardRefExoticComponent<Omit<Omit<import("@koobiq/react-primitives").TextFieldProps<HTMLInputElement>, "children" | "style" | "className" | "validationBehavior" | "validate" | "description" | "inputElementType">, "value" | "caption" | "label" | "style" | "className" | "defaultValue" | "onChange" | "placeholder" | "isDisabled" | "variant" | "slotProps" | "fullWidth" | "data-testid" | "isInvalid" | "isReadOnly" | "isRequired" | "errorMessage" | "startAddon" | "endAddon" | "isLabelHidden" | keyof {
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<Omit<import("@koobiq/react-primitives").TextFieldProps<HTMLInputElement>, "children" | "validationBehavior" | "validate" | "description" | "inputElementType">, "value" | "caption" | "label" | "style" | "className" | "defaultValue" | "onChange" | "placeholder" | "isDisabled" | "variant" | "slotProps" | "fullWidth" | "data-testid" | "isInvalid" | "isReadOnly" | "isRequired" | "errorMessage" | "startAddon" | "endAddon" | "isLabelHidden" | keyof {
     disabled?: boolean;
     error?: boolean;
     required?: boolean;
@@ -17,12 +17,12 @@ export declare const Input: import("react").ForwardRefExoticComponent<Omit<Omit<
     endAddon?: import("react").ReactNode;
     variant?: import("./types").InputPropVariant;
     isInvalid?: boolean;
-    errorMessage?: string | number;
+    errorMessage?: import("react").ReactNode;
     fullWidth?: boolean;
     isDisabled?: boolean;
     isReadOnly?: boolean;
     isLabelHidden?: boolean;
-    caption?: string | number;
+    caption?: import("react").ReactNode;
     isRequired?: boolean;
     style?: import("react").CSSProperties;
     'data-testid'?: string | number;

package/dist/components/Input/Input.js

@@ -79,7 +79,10 @@ const Input = forwardRef((props, ref) => {
     slotProps?.root
   );
   return /* @__PURE__ */ jsx(FieldControl, { as: TextField, inputElementType: "input", ...rootProps, children: ({ isInvalid: isInvalid2, isRequired: isRequired2, isDisabled: isDisabled2 }) => {
-    const labelProps = mergeProps({ isHidden: isLabelHidden, isRequired: isRequired2 }, slotProps?.label);
+    const labelProps = mergeProps(
+      { isHidden: isLabelHidden, isRequired: isRequired2, children: label },
+      slotProps?.label
+    );
     const inputProps = mergeProps(
       {
         variant,
@@ -97,16 +100,13 @@ const Input = forwardRef((props, ref) => {
       },
       slotProps?.group
     );
-    const captionProps = mergeProps(
-      { isInvalid: isInvalid2 },
-      slotProps?.caption
-    );
-    const errorProps = mergeProps({ isInvalid: isInvalid2 }, slotProps?.errorMessage);
+    const captionProps = mergeProps({ children: caption }, slotProps?.caption);
+    const errorProps = mergeProps({ isInvalid: isInvalid2, children: errorMessage }, slotProps?.errorMessage);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(FieldLabel, { ...labelProps, children: labelProps?.children || label }),
+      /* @__PURE__ */ jsx(FieldLabel, { ...labelProps }),
       /* @__PURE__ */ jsx(FieldInputGroup, { ...groupProps, children: /* @__PURE__ */ jsx(FieldInput, { ...inputProps }) }),
-      /* @__PURE__ */ jsx(FieldCaption, { ...captionProps, children: captionProps?.children || caption }),
-      /* @__PURE__ */ jsx(FieldError, { ...errorProps, children: errorProps.children || errorMessage })
+      /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
+      /* @__PURE__ */ jsx(FieldError, { ...errorProps })
     ] });
   } });
 });

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

@@ -74,7 +74,7 @@ export type InputProps = ExtendableProps<{
      */
     isInvalid?: boolean;
     /** Message for the error state */
-    errorMessage?: string | number;
+    errorMessage?: ReactNode;
     /**
      * If true, the input will take up the full width of its container.
      * @default false
@@ -96,7 +96,7 @@ export type InputProps = ExtendableProps<{
      */
     isLabelHidden?: boolean;
     /** The helper text content. */
-    caption?: string | number;
+    caption?: ReactNode;
     /**
      * If `true`, the label is displayed as required and the input element is required.
      * @default false
@@ -115,6 +115,6 @@ export type InputProps = ExtendableProps<{
         errorMessage?: FieldErrorProps;
         input?: FieldInputProps<'input'>;
     };
-} & InputDeprecatedProps, Omit<TextFieldProps<HTMLInputElement>, 'description' | 'validationBehavior' | 'validate' | 'children' | 'style' | 'className' | 'inputElementType'>>;
+} & InputDeprecatedProps, Omit<TextFieldProps<HTMLInputElement>, 'description' | 'validationBehavior' | 'validate' | 'children' | 'inputElementType'>>;
 export type InputRef = ComponentRef<'input'>;
 export {};

package/dist/components/InputNumber/InputNumber.d.ts

@@ -1,6 +1,6 @@
 import { NumberField } from '@koobiq/react-primitives';
 import { type FieldControlProps, type FieldLabelProps, type FieldCaptionProps, type FieldErrorProps, type FieldInputGroupProps, type FieldInputProps } from '../FieldComponents';
-export declare const InputNumber: import("react").ForwardRefExoticComponent<Omit<Omit<import("@react-types/numberfield").AriaNumberFieldProps, "inputElementType">, "caption" | "label" | "style" | "className" | "isDisabled" | "variant" | "slotProps" | "fullWidth" | "data-testid" | "isInvalid" | "isRequired" | "errorMessage" | "startAddon" | "endAddon" | "isLabelHidden" | keyof {
+export declare const InputNumber: import("react").ForwardRefExoticComponent<Omit<Omit<import("@react-types/numberfield").AriaNumberFieldProps, "children" | "validationBehavior" | "validate" | "description" | "inputElementType">, "caption" | "label" | "style" | "className" | "isDisabled" | "variant" | "slotProps" | "fullWidth" | "data-testid" | "isInvalid" | "isRequired" | "errorMessage" | "startAddon" | "endAddon" | "isLabelHidden" | keyof {
     disabled?: boolean;
     error?: boolean;
     required?: boolean;
@@ -13,11 +13,11 @@ export declare const InputNumber: import("react").ForwardRefExoticComponent<Omit
     endAddon?: import("react").ReactNode;
     variant?: import("./types").InputNumberPropVariant;
     isInvalid?: boolean;
-    errorMessage?: string | number;
+    errorMessage?: import("react").ReactNode;
     fullWidth?: boolean;
     isDisabled?: boolean;
     isLabelHidden?: boolean;
-    caption?: string | number;
+    caption?: import("react").ReactNode;
     isRequired?: boolean;
     style?: import("react").CSSProperties;
     'data-testid'?: string | number;

package/dist/components/InputNumber/InputNumber.js

@@ -81,7 +81,10 @@ const InputNumber = forwardRef(
       slotProps?.root
     );
     return /* @__PURE__ */ jsx(FieldControl, { as: NumberField, ...rootProps, children: ({ isInvalid: isInvalid2, isRequired: isRequired2, isDisabled: isDisabled2 }) => {
-      const labelProps = mergeProps({ isHidden: isLabelHidden, isRequired: isRequired2 }, slotProps?.label);
+      const labelProps = mergeProps(
+        { isHidden: isLabelHidden, children: label, isRequired: isRequired2 },
+        slotProps?.label
+      );
       const inputProps = mergeProps(
         {
           variant,
@@ -91,11 +94,8 @@ const InputNumber = forwardRef(
         },
         slotProps?.input
       );
-      const captionProps = mergeProps(
-        { isInvalid: isInvalid2 },
-        slotProps?.caption
-      );
-      const errorProps = mergeProps({ isInvalid: isInvalid2 }, slotProps?.errorMessage);
+      const captionProps = mergeProps({ children: caption }, slotProps?.caption);
+      const errorProps = mergeProps({ isInvalid: isInvalid2, children: errorMessage }, slotProps?.errorMessage);
       const groupProps = mergeProps(
         {
           endAddon: /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -109,10 +109,10 @@ const InputNumber = forwardRef(
         slotProps?.group
       );
       return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(FieldLabel, { ...labelProps, children: labelProps?.children || label }),
+        /* @__PURE__ */ jsx(FieldLabel, { ...labelProps }),
         /* @__PURE__ */ jsx(FieldInputGroup, { ...groupProps, children: /* @__PURE__ */ jsx(FieldInput, { ...inputProps }) }),
-        /* @__PURE__ */ jsx(FieldCaption, { ...captionProps, children: captionProps?.children || caption }),
-        /* @__PURE__ */ jsx(FieldError, { ...errorProps, children: errorProps.children || errorMessage })
+        /* @__PURE__ */ jsx(FieldCaption, { ...captionProps }),
+        /* @__PURE__ */ jsx(FieldError, { ...errorProps })
       ] });
     } });
   }

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

@@ -66,7 +66,7 @@ export type InputNumberProps = ExtendableProps<{
      */
     isInvalid?: boolean;
     /** Message for the error state. */
-    errorMessage?: string | number;
+    errorMessage?: ReactNode;
     /**
      * If true, the input will take up the full width of its container.
      * @default false
@@ -83,7 +83,7 @@ export type InputNumberProps = ExtendableProps<{
      */
     isLabelHidden?: boolean;
     /** The helper text content. */
-    caption?: string | number;
+    caption?: ReactNode;
     /**
      * If `true`, the label is displayed as required and the input element is required.
      * @default false
@@ -102,6 +102,6 @@ export type InputNumberProps = ExtendableProps<{
         group?: FieldInputGroupProps;
         errorMessage?: FieldErrorProps;
     };
-} & InputNumberDeprecatedProps, Omit<UseNumberFieldProps, 'inputElementType'>>;
+} & InputNumberDeprecatedProps, Omit<UseNumberFieldProps, 'description' | 'validationBehavior' | 'validate' | 'children' | 'inputElementType'>>;
 export type InputNumberRef = ComponentRef<'input'>;
 export {};

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

@@ -57,5 +57,5 @@ export type LinkBaseProps = ExtendableProps<{
     className?: string;
     /** Inline styles */
     style?: CSSProperties;
-} & LinkDeprecatedProps, UseLinkProps>;
+} & LinkDeprecatedProps, Omit<UseLinkProps, 'elementType'>>;
 export {};

package/dist/components/Menu/Menu.js

@@ -3,11 +3,11 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef } from "react";
 import { useDOMRef, mergeProps, clsx, Pressable } from "@koobiq/react-core";
 import { useMenuTriggerState, useMenuTrigger } from "@koobiq/react-primitives";
+import { PopoverInner } from "../Popover/PopoverInner.js";
 import s from "./Menu.module.css.js";
 import { MenuInner } from "./components/MenuInner/MenuInner.js";
 import { Header } from "../Collections/Header.js";
 import { Divider } from "../Collections/Divider.js";
-import { PopoverInner } from "../Popover/Popover.js";
 import { Item } from "../Collections/Item.js";
 import { Section } from "../Collections/Section.js";
 import { ListItemText } from "../List/components/ListItemText/ListItemText.js";

package/dist/components/Popover/Popover.d.ts

@@ -1,7 +1,4 @@
-import type { FC } from 'react';
 import { Dialog } from '../Dialog';
-import type { PopoverInnerProps } from './types';
-export declare const PopoverInner: FC<PopoverInnerProps>;
 declare const PopoverComponent: import("react").ForwardRefExoticComponent<import("./types").PopoverBaseProps & import("react").RefAttributes<HTMLDivElement>>;
 type CompoundedComponent = typeof PopoverComponent & {
     Header: typeof Dialog.Header;