@koobiq/react-components 0.0.1 → 0.1.0

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

@@ -27,16 +27,6 @@ export type ButtonBaseProps = ExtendableProps<{
      * @default 'contrast-filled'
      */
     variant?: ButtonPropVariant;
-    /**
-     * If `true`, the progress indicator is shown and the button becomes disabled.
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    isDisabled?: boolean;
     /**
      * If `true`, only the icon is shown, and the button has same sides.
      * @default false

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

@@ -1,51 +1,13 @@
 import type { ComponentRef, CSSProperties, ReactElement, Ref } from 'react';
+import type { ExtendableProps } from '@koobiq/react-core';
 import type { AriaCalendarProps, DateValue } from '@koobiq/react-primitives';
-type CalendarPropMinValue<T extends DateValue> = AriaCalendarProps<T>['minValue'];
-type CalendarPropMaxValue<T extends DateValue> = AriaCalendarProps<T>['maxValue'];
-type CalendarPropValue<T extends DateValue> = AriaCalendarProps<T>['value'];
-type CalendarPropDefaultValue<T extends DateValue> = AriaCalendarProps<T>['defaultValue'];
-type CalendarPropOnChange<T extends DateValue> = AriaCalendarProps<T>['onChange'];
-type CalendarPropIsDisabled<T extends DateValue> = AriaCalendarProps<T>['isDisabled'];
-type CalendarPropFirstDayOfWeek<T extends DateValue> = AriaCalendarProps<T>['firstDayOfWeek'];
-type CalendarPropIsDateUnavailable<T extends DateValue> = AriaCalendarProps<T>['isDateUnavailable'];
-type CalendarPropFocusedValue<T extends DateValue> = AriaCalendarProps<T>['focusedValue'];
-type CalendarPropDefaultFocusedValue<T extends DateValue> = AriaCalendarProps<T>['defaultFocusedValue'];
-type CalendarPropOnFocusChange<T extends DateValue> = AriaCalendarProps<T>['onFocusChange'];
-export type CalendarProps<T extends DateValue> = {
+export type CalendarProps<T extends DateValue> = ExtendableProps<{
     /** Ref to the root container. */
     ref?: Ref<HTMLDivElement>;
     /** Additional CSS-classes. */
     className?: string;
     /** Inline styles. */
     style?: CSSProperties;
-    /** The minimum allowed date that a user may select. */
-    minValue?: CalendarPropMinValue<T>;
-    /** The maximum allowed date that a user may select. */
-    maxValue?: CalendarPropMaxValue<T>;
-    /** The current value (controlled). */
-    value?: CalendarPropValue<T>;
-    /** The default value (uncontrolled). */
-    defaultValue?: CalendarPropDefaultValue<T>;
-    /** Handler that is called when the value changes. */
-    onChange?: CalendarPropOnChange<T>;
-    /**
-     * Whether the calendar is disabled.
-     * @default false
-     */
-    isDisabled?: CalendarPropIsDisabled<T>;
-    /**
-     * The day that starts the week.
-     */
-    firstDayOfWeek?: CalendarPropFirstDayOfWeek<T>;
-    /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */
-    isDateUnavailable?: CalendarPropIsDateUnavailable<T>;
-    /** Controls the currently focused date within the calendar. */
-    focusedValue?: CalendarPropFocusedValue<T>;
-    /** The date that is focused when the calendar first mounts (uncountrolled). */
-    defaultFocusedValue?: CalendarPropDefaultFocusedValue<T>;
-    /** Handler that is called when the focused date changes. */
-    onFocusChange?: CalendarPropOnFocusChange<T>;
-};
+}, Omit<AriaCalendarProps<T>, 'validationState' | 'errorMessage'>>;
 export type CalendarComponent = <T extends DateValue>(props: CalendarProps<T>) => ReactElement | null;
 export type CalendarRef = ComponentRef<'div'>;
-export {};

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,17 +1,18 @@
-export declare const Checkbox: import("react").ForwardRefExoticComponent<{
+import { type CheckboxProps as CheckboxPropsPrimitive } from '@koobiq/react-primitives';
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<CheckboxPropsPrimitive, "validationState" | "inputRef">, "children" | "style" | "className" | "size" | "slotProps" | "data-testid" | "labelPlacement" | keyof {
+    disabled?: boolean;
+    error?: boolean;
+    checked?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    indeterminate?: boolean;
+    defaultChecked?: boolean;
+}> & {
     children?: import("react").ReactNode;
     className?: string;
     style?: import("react").CSSProperties;
     size?: import("./types").CheckboxPropSize;
     labelPlacement?: import("./types").CheckboxPropLabelPlacement;
-    isInvalid?: boolean;
-    isSelected?: boolean;
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    isRequired?: boolean;
-    isIndeterminate?: boolean;
-    defaultSelected?: boolean;
-    onChange?: import("./types").CheckboxPropOnChange;
     slotProps?: {
         box?: import("react").ComponentPropsWithRef<"span">;
         label?: import("react").ComponentPropsWithRef<"span">;

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

@@ -1,4 +1,6 @@
 import type { ComponentPropsWithRef, CSSProperties, ReactNode } from 'react';
+import type { ExtendableProps } from '@koobiq/react-core';
+import { type CheckboxProps as CheckboxPropsPrimitive } from '@koobiq/react-primitives';
 export declare const checkboxPropSize: readonly ["normal", "big"];
 export type CheckboxPropSize = (typeof checkboxPropSize)[number];
 export declare const checkboxPropLabelPlacement: readonly ["start", "end"];
@@ -53,7 +55,7 @@ type CheckboxDeprecatedProps = {
      */
     defaultChecked?: boolean;
 };
-export type CheckboxProps = {
+export type CheckboxProps = ExtendableProps<{
     /** The content of the component. */
     children?: ReactNode;
     /** Additional CSS-classes. */
@@ -70,37 +72,6 @@ export type CheckboxProps = {
      * @default 'end'
      */
     labelPlacement?: CheckboxPropLabelPlacement;
-    /**
-     * If `true`, the component will indicate an error.
-     * @default false
-     */
-    isInvalid?: boolean;
-    /** If `true`, the component is checked. */
-    isSelected?: boolean;
-    /**
-     * It prevents the user from changing the value of the checkbox.
-     * @default false
-     */
-    isReadOnly?: boolean;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * If `true`, the input element is required.
-     * @default false
-     */
-    isRequired?: boolean;
-    /**
-     * If `true`, the component appears indeterminate.
-     * @default false
-     */
-    isIndeterminate?: boolean;
-    /** The default checked state. Use when the component is not controlled. */
-    defaultSelected?: boolean;
-    /** Callback fired when the state is changed. */
-    onChange?: CheckboxPropOnChange;
     /** The props used for each slot inside. */
     slotProps?: {
         box?: ComponentPropsWithRef<'span'>;
@@ -108,5 +79,5 @@ export type CheckboxProps = {
     };
     /** Unique identifier for testing purposes. */
     'data-testid'?: string | number;
-} & CheckboxDeprecatedProps;
+} & CheckboxDeprecatedProps, Omit<CheckboxPropsPrimitive, 'inputRef' | 'validationState'>>;
 export {};

package/dist/components/Checkbox/types.js

@@ -1,3 +1,4 @@
+import "@koobiq/react-primitives";
 const checkboxPropSize = ["normal", "big"];
 const checkboxPropLabelPlacement = ["start", "end"];
 export {

package/dist/components/DateInput/DateInput.js

@@ -6,7 +6,7 @@ import { useLocale, useDOMRef, mergeProps, clsx } from "@koobiq/react-core";
 import { 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 { DateSegment } from "../DateSegment/DateSegment.js";
 import { FieldControl } from "../FieldComponents/FieldControl/FieldControl.js";
 import { FieldLabel } from "../FieldComponents/FieldLabel/FieldLabel.js";
 import { FieldInputGroup } from "../FieldComponents/FieldInputGroup/FieldInputGroup.js";
@@ -93,7 +93,7 @@ function DateInputRender(props, ref) {
   );
   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(FieldInputGroup, { ...groupProps, 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 })
   ] });

package/dist/components/DateSegment/DateSegment.d.ts

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

package/dist/components/DateSegment/DateSegment.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useLocale, useLocalizedStringFormatter, clsx } from "@koobiq/react-core";
+import { useDateSegment } from "@koobiq/react-primitives";
+/* empty css               */
+import s from "./DateSegment.module.css.js";
+import intlMessages from "./intl.json.js";
+import { isTime } from "./utils.js";
+function DateSegment({ segment, state }) {
+  const ref = useRef(null);
+  const { locale } = useLocale();
+  const { segmentProps } = useDateSegment(segment, state, ref);
+  const stringFormatter = useLocalizedStringFormatter(intlMessages);
+  const { text, type, isPlaceholder } = segment;
+  const hasValue = state.value !== null;
+  const content = isTime(type) && isPlaceholder && locale in intlMessages ? stringFormatter.format(type) : text;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...segmentProps,
+      ref,
+      className: clsx(
+        s.base,
+        s[type],
+        hasValue && s.hasValue,
+        isPlaceholder && s.placeholder
+      ),
+      children: content
+    }
+  );
+}
+export {
+  DateSegment
+};

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

@@ -0,0 +1,17 @@
+const base = "kbq-datesegment-3b7153";
+const placeholder = "kbq-datesegment-placeholder-b233e5";
+const literal = "kbq-datesegment-literal-a4b534";
+const hasValue = "kbq-datesegment-hasValue-800714";
+const s = {
+  base,
+  placeholder,
+  literal,
+  hasValue
+};
+export {
+  base,
+  s as default,
+  hasValue,
+  literal,
+  placeholder
+};

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

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

package/dist/components/DateSegment/intl.json.js

@@ -0,0 +1,7 @@
+const intlMessages = {
+  "ru-RU": { "hour": "чч", "minute": "мм", "second": "сс" },
+  "en-US": { "hour": "hh", "minute": "mm", "second": "ss" }
+};
+export {
+  intlMessages as default
+};

package/dist/components/DateSegment/utils.d.ts

@@ -0,0 +1,3 @@
+type TimeType = 'hour' | 'minute' | 'second';
+export declare function isTime(t: string): t is TimeType;
+export {};

package/dist/components/DateSegment/utils.js

@@ -0,0 +1,6 @@
+function isTime(t) {
+  return t === "hour" || t === "minute" || t === "second";
+}
+export {
+  isTime
+};

package/dist/components/Dialog/components/DialogCloseButton.d.ts

@@ -7,14 +7,12 @@ export declare const DialogCloseButton: import("react").ForwardRefExoticComponen
 }, "children" | "value" | "form" | "style" | "as" | "className" | "autoFocus" | "id" | "tabIndex" | "rel" | "aria-controls" | "aria-describedby" | "aria-details" | "aria-expanded" | "aria-haspopup" | "aria-label" | "aria-labelledby" | "aria-pressed" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "onClick" | "name" | "target" | "type" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isDisabled" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "onFocusChange" | "preventFocusOnPress" | "excludeFromTabOrder" | keyof import("@react-types/shared").HoverEvents | "isLoading" | "variant" | "onlyIcon" | "fullWidth" | "startIcon" | "endIcon" | "data-testid" | keyof {
     progress?: boolean;
     disabled?: boolean;
-}> & Omit<Omit<import("@koobiq/react-primitives").ButtonBaseProps, "slot">, "children" | "style" | "className" | "isDisabled" | "isLoading" | "variant" | "onlyIcon" | "fullWidth" | "startIcon" | "endIcon" | "data-testid" | keyof {
+}> & Omit<Omit<import("@koobiq/react-primitives").ButtonBaseProps, "slot">, "children" | "style" | "className" | "variant" | "onlyIcon" | "fullWidth" | "startIcon" | "endIcon" | "data-testid" | keyof {
     progress?: boolean;
     disabled?: boolean;
 }> & {
     children?: import("react").ReactNode;
     variant?: import("../..").ButtonPropVariant;
-    isLoading?: boolean;
-    isDisabled?: boolean;
     onlyIcon?: boolean;
     className?: string;
     style?: import("react").CSSProperties;

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

@@ -1,15 +1,10 @@
+import type { ExtendableProps } from '@koobiq/react-core';
+import type { SeparatorProps } from '@koobiq/react-primitives';
 export declare const dividerPropDisplay: readonly ["block", "inline", "inlineBlock"];
-export declare const dividerPropOrientation: readonly ["horizontal", "vertical"];
-export type DividerPropOrientation = (typeof dividerPropOrientation)[number];
 export type DividerPropDisplay = (typeof dividerPropDisplay)[number];
-export type DividerBaseProps = {
+export type DividerBaseProps = ExtendableProps<{
     /** Additional CSS-classes. */
     className?: string;
-    /**
-     * The orientation of the separator.
-     * @default 'horizontal'
-     */
-    orientation?: DividerPropOrientation;
     /** Set the display for the component. */
     display?: DividerPropDisplay;
     /**
@@ -24,4 +19,4 @@ export type DividerBaseProps = {
      * @default false
      */
     disablePaddings?: boolean;
-};
+}, Omit<SeparatorProps, 'elementType'>>;

package/dist/components/Divider/types.js

@@ -1,6 +1,4 @@
 const dividerPropDisplay = ["block", "inline", "inlineBlock"];
-const dividerPropOrientation = ["horizontal", "vertical"];
 export {
-  dividerPropDisplay,
-  dividerPropOrientation
+  dividerPropDisplay
 };

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

@@ -29,11 +29,6 @@ export type IconButtonBaseProps = ExtendableProps<{
      * @default 'theme'
      */
     variant?: IconButtonPropVariant;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    isDisabled?: boolean;
     /**
      * Size of the component
      * @default 'xl'
@@ -48,5 +43,5 @@ export type IconButtonBaseProps = ExtendableProps<{
     className?: string;
     /** Inline styles. */
     style?: CSSProperties;
-} & IconButtonBaseDeprecatedProps, Omit<ButtonBasePrimitiveProps, 'slot'>>;
+} & IconButtonBaseDeprecatedProps, Omit<ButtonBasePrimitiveProps, 'slot' | 'isLoading'>>;
 export {};

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

@@ -1,29 +1,20 @@
 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" | "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">, "caption" | "style" | "className" | "variant" | "slotProps" | "fullWidth" | "data-testid" | "errorMessage" | "startAddon" | "endAddon" | "isLabelHidden" | keyof {
     disabled?: boolean;
     error?: boolean;
     required?: boolean;
     readonly?: boolean;
     hiddenLabel?: boolean;
 }> & {
-    label?: import("react").ReactNode;
     className?: string;
-    placeholder?: import("@koobiq/react-primitives").TextFieldProps["placeholder"];
-    value?: import("@koobiq/react-primitives").TextFieldProps["value"];
-    defaultValue?: import("@koobiq/react-primitives").TextFieldProps["defaultValue"];
-    onChange?: import("@koobiq/react-primitives").TextFieldProps["onChange"];
     startAddon?: import("react").ReactNode;
     endAddon?: import("react").ReactNode;
     variant?: import("./types").InputPropVariant;
-    isInvalid?: boolean;
     errorMessage?: import("react").ReactNode;
     fullWidth?: boolean;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
     isLabelHidden?: boolean;
     caption?: import("react").ReactNode;
-    isRequired?: boolean;
     style?: import("react").CSSProperties;
     'data-testid'?: string | number;
     slotProps?: {

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

@@ -42,18 +42,8 @@ type InputDeprecatedProps = {
     hiddenLabel?: boolean;
 };
 export type InputProps = ExtendableProps<{
-    /** The content to display as the label. */
-    label?: ReactNode;
     /** Additional CSS-classes. */
     className?: string;
-    /** Temporary text that occupies the text input when it is empty. */
-    placeholder?: TextFieldProps['placeholder'];
-    /** The current value (controlled). */
-    value?: TextFieldProps['value'];
-    /** The default value (uncontrolled). */
-    defaultValue?: TextFieldProps['defaultValue'];
-    /** Handler that is called when the value changes. */
-    onChange?: TextFieldProps['onChange'];
     /** Addon placed before the children. */
     startAddon?: ReactNode;
     /** Addon placed after the children. */
@@ -63,28 +53,13 @@ export type InputProps = ExtendableProps<{
      * @default 'filled'
      */
     variant?: InputPropVariant;
-    /**
-     * If `true`, the input will indicate an error.
-     * @default false
-     */
-    isInvalid?: boolean;
-    /** Message for the error state */
+    /** 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 component is disabled.
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * If `true`, the input can be selected but not changed by the user.
-     * @default false
-     */
-    isReadOnly?: boolean;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
      * @default false
@@ -92,11 +67,6 @@ export type InputProps = ExtendableProps<{
     isLabelHidden?: boolean;
     /** The helper text content. */
     caption?: ReactNode;
-    /**
-     * If `true`, the label is displayed as required and the input element is required.
-     * @default false
-     */
-    isRequired?: boolean;
     /** Inline styles. */
     style?: CSSProperties;
     /** Unique identifier for testing purposes. */

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

@@ -1,24 +1,20 @@
 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, "children" | "validationBehavior" | "validate" | "description" | "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("@koobiq/react-primitives").NumberFieldProps, "children" | "validationState" | "description" | "inputElementType">, "caption" | "style" | "className" | "variant" | "slotProps" | "fullWidth" | "data-testid" | "errorMessage" | "startAddon" | "endAddon" | "isLabelHidden" | keyof {
     disabled?: boolean;
     error?: boolean;
     required?: boolean;
     readonly?: boolean;
     hiddenLabel?: boolean;
 }> & {
-    label?: import("react").ReactNode;
     className?: string;
+    errorMessage?: import("react").ReactNode;
     startAddon?: import("react").ReactNode;
     endAddon?: import("react").ReactNode;
     variant?: import("./types").InputNumberPropVariant;
-    isInvalid?: boolean;
-    errorMessage?: import("react").ReactNode;
     fullWidth?: boolean;
-    isDisabled?: boolean;
     isLabelHidden?: boolean;
     caption?: import("react").ReactNode;
-    isRequired?: boolean;
     style?: import("react").CSSProperties;
     'data-testid'?: string | number;
     slotProps?: {

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

@@ -1,6 +1,6 @@
 import type { ComponentRef, CSSProperties, ReactNode } from 'react';
 import type { ExtendableProps } from '@koobiq/react-core';
-import type { NumberField, UseNumberFieldProps } from '@koobiq/react-primitives';
+import type { NumberField, NumberFieldProps } from '@koobiq/react-primitives';
 import type { FieldCaptionProps, FieldControlProps, FieldErrorProps, FieldInputGroupProps, FieldInputProps, FieldLabelProps } from '../FieldComponents';
 export declare const inputNumberPropVariant: readonly ["filled", "transparent"];
 export type InputNumberPropVariant = (typeof inputNumberPropVariant)[number];
@@ -42,10 +42,10 @@ type InputNumberDeprecatedProps = {
     hiddenLabel?: boolean;
 };
 export type InputNumberProps = ExtendableProps<{
-    /** The content to display as the label. */
-    label?: ReactNode;
     /** Additional CSS-classes. */
     className?: string;
+    /** An error message for the field. */
+    errorMessage?: ReactNode;
     /** Addon placed before the children. */
     startAddon?: ReactNode;
     /** Addon placed after the children. */
@@ -55,23 +55,11 @@ export type InputNumberProps = ExtendableProps<{
      * @default 'filled'
      */
     variant?: InputNumberPropVariant;
-    /**
-     * If `true`, the input will indicate an error.
-     * @default false
-     */
-    isInvalid?: boolean;
-    /** Message for the error state. */
-    errorMessage?: ReactNode;
     /**
      * If true, the input will take up the full width of its container.
      * @default false
      */
     fullWidth?: boolean;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    isDisabled?: boolean;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
      * @default false
@@ -79,11 +67,6 @@ export type InputNumberProps = ExtendableProps<{
     isLabelHidden?: boolean;
     /** The helper text content. */
     caption?: ReactNode;
-    /**
-     * If `true`, the label is displayed as required and the input element is required.
-     * @default false
-     */
-    isRequired?: boolean;
     /** Inline styles. */
     style?: CSSProperties;
     /** Unique identifier for testing purposes. */
@@ -97,6 +80,6 @@ export type InputNumberProps = ExtendableProps<{
         group?: FieldInputGroupProps;
         errorMessage?: FieldErrorProps;
     };
-} & InputNumberDeprecatedProps, Omit<UseNumberFieldProps, 'description' | 'validationBehavior' | 'validate' | 'children' | 'inputElementType'>>;
+} & InputNumberDeprecatedProps, Omit<NumberFieldProps, 'description' | 'children' | 'inputElementType' | 'validationState'>>;
 export type InputNumberRef = ComponentRef<'input'>;
 export {};

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

@@ -1,6 +1,6 @@
 import type { CSSProperties, ReactNode } from 'react';
 import type { ExtendableProps } from '@koobiq/react-core';
-import type { UseLinkProps } from '@koobiq/react-primitives';
+import type { LinkBaseProps as LinkBasePrimitiveProps } from '@koobiq/react-primitives';
 import type { TypographyPropVariant } from '../Typography';
 export type LinkPropVariant = Extract<TypographyPropVariant, 'text-compact' | 'text-normal' | 'text-big' | 'inherit'>;
 type LinkDeprecatedProps = {
@@ -35,11 +35,6 @@ export type LinkBaseProps = ExtendableProps<{
     startIcon?: ReactNode;
     /** Icon placed after the children. */
     endIcon?: ReactNode;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    isDisabled?: boolean;
     /**
      * If `true`, displays :visited CSS-state.
      * @default false
@@ -54,5 +49,5 @@ export type LinkBaseProps = ExtendableProps<{
     className?: string;
     /** Inline styles */
     style?: CSSProperties;
-} & LinkDeprecatedProps, Omit<UseLinkProps, 'elementType'>>;
+} & LinkDeprecatedProps, Omit<LinkBasePrimitiveProps, 'elementType'>>;
 export {};

package/dist/components/List/List.d.ts

@@ -2,11 +2,11 @@ import type { Ref } from 'react';
 import { type ListState } from '@koobiq/react-primitives';
 import { Item, Section } from '../Collections';
 import { ListItemText } from './components';
-import type { ListComponent, ListBaseProps } from './types';
+import type { ListComponent, ListProps } from './types';
 export type ListInnerProps<T extends object> = {
     state: ListState<T>;
     listRef?: Ref<HTMLUListElement>;
-} & Omit<ListBaseProps<T>, 'ref'>;
+} & Omit<ListProps<T>, 'ref'>;
 export declare function ListInner<T extends object>(props: ListInnerProps<T>): import("react/jsx-runtime").JSX.Element;
 declare const ListComponent: ListComponent;
 type CompoundedComponent = typeof ListComponent & {

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

@@ -1,53 +1,19 @@
-import type { ComponentPropsWithRef, ComponentRef, CSSProperties, ReactElement, ReactNode, Ref } from 'react';
+import type { Ref, ComponentRef, ReactElement, CSSProperties, ComponentPropsWithRef } from 'react';
+import type { ExtendableProps } from '@koobiq/react-core';
 import type { AriaListBoxProps } from '@koobiq/react-primitives';
 import type { TypographyProps } from '../Typography';
-export declare const listPropSelectionMode: readonly ["none", "single", "multiple"];
-export type ListPropSelectionMode = (typeof listPropSelectionMode)[number];
-export type ListPropItems<T extends object> = AriaListBoxProps<T>['items'];
-export type ListPropChildren<T extends object> = AriaListBoxProps<T>['children'];
-export type ListPropSelectedKeys<T extends object> = AriaListBoxProps<T>['selectedKeys'];
-export type ListPropDefaultSelectedKeys<T extends object> = AriaListBoxProps<T>['defaultSelectedKeys'];
-export type ListPropDisabledKeys<T extends object> = AriaListBoxProps<T>['disabledKeys'];
-export type ListPropOnSelectionChange<T extends object> = AriaListBoxProps<T>['onSelectionChange'];
-export type ListPropOnAction<T extends object> = AriaListBoxProps<T>['onAction'];
-export type ListPropSelectionBehavior<T extends object> = AriaListBoxProps<T>['selectionBehavior'];
-export type ListBaseProps<T extends object> = {
-    label?: ReactNode;
+export type ListProps<T> = ExtendableProps<{
     /** Additional CSS-classes. */
     className?: string;
     /** Inline styles. */
     style?: CSSProperties;
-    /** The type of selection that is allowed in the collection. */
-    selectionMode?: ListPropSelectionMode;
     /** Ref to the HTML ul-element. */
     ref?: Ref<HTMLElement>;
-    /** The contents of the collection. */
-    children?: ListPropChildren<T>;
-    /** Item objects in the collection. */
-    items?: ListPropItems<T>;
-    /** The currently selected keys in the collection (controlled). */
-    selectedKeys?: ListPropSelectedKeys<T>;
-    /** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */
-    disabledKeys?: ListPropDisabledKeys<T>;
-    /** The initial selected keys in the collection (uncontrolled). */
-    defaultSelectedKeys?: ListPropDefaultSelectedKeys<T>;
-    /** Handler that is called when the selection changes. */
-    onSelectionChange?: ListPropOnSelectionChange<T>;
-    /**
-     * Handler that is called when a user performs an action on an item. The exact user event depends on
-     * the collection's `selectionBehavior` prop and the interaction modality.
-     */
-    onAction?: ListPropOnAction<T>;
-    /** How multiple selection should behave in the collection. */
-    selectionBehavior?: ListPropSelectionBehavior<T>;
-    /** Whether to autofocus the list or an option. */
-    autoFocus?: boolean | 'first' | 'last';
     /** The props used for each slot inside. */
     slotProps?: {
         label?: TypographyProps;
         list?: ComponentPropsWithRef<'div'>;
     };
-};
-export type ListProps<T extends object> = ListBaseProps<T>;
+}, AriaListBoxProps<T>>;
 export type ListRef = ComponentRef<'ul'>;
-export type ListComponent = <T extends object>(props: ListProps<T>) => ReactElement | null;
+export type ListComponent = <T>(props: ListProps<T>) => ReactElement | null;

package/dist/components/Menu/components/MenuInner/MenuInner.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentRef, ReactElement } from 'react';
 import type { AriaMenuOptions } from '@koobiq/react-primitives';
 export type MenuInnerProps<T> = AriaMenuOptions<T>;
-export type MenuInnerComponent = <T extends object>(props: MenuInnerProps<T>) => ReactElement | null;
+export type MenuInnerComponent = <T>(props: MenuInnerProps<T>) => ReactElement | null;
 export type MenuInnerRef = ComponentRef<'ul'>;
 export declare const MenuInner: MenuInnerComponent;