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

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

@@ -1,14 +1,64 @@
 import type { ComponentRef, CSSProperties, ReactNode } from 'react';
 import type { ExtendableProps } from '@koobiq/react-core';
-import type { UseTextFieldProps } from '@koobiq/react-primitives';
-import type { FieldCaptionProps, FieldErrorProps, FieldInputProps, FieldLabelProps } from '../FieldComponents';
+import type { TextField, TextFieldProps } from '@koobiq/react-primitives';
+import type { FieldCaptionProps, FieldErrorProps, FieldInputProps, FieldLabelProps, FieldInputGroupProps, FieldControlProps } from '../FieldComponents';
 export declare const inputPropVariant: readonly ["filled", "transparent"];
 export type InputPropVariant = (typeof inputPropVariant)[number];
+type InputDeprecatedProps = {
+    /**
+     * 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 input can be selected but not changed by the user.
+     * @default false
+     *
+     * @deprecated
+     * The "readonly" prop is deprecated. Use "isReadOnly" prop to replace it.
+     */
+    readonly?: 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;
+};
 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. */
@@ -16,47 +66,55 @@ export type InputProps = ExtendableProps<{
     /**
      * The variant to use.
      * @default filled
-     * */
+     */
     variant?: InputPropVariant;
     /**
      * If `true`, the input will indicate an error.
      * @default false
-     * */
-    error?: boolean;
+     */
+    isInvalid?: boolean;
     /** Message for the error state */
     errorMessage?: string | number;
     /**
      * 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
-     * */
-    disabled?: boolean;
+     */
+    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
-     * */
-    hiddenLabel?: boolean;
+     */
+    isLabelHidden?: boolean;
     /** The helper text content. */
     caption?: string | number;
     /**
      * If `true`, the label is displayed as required and the input element is required.
      * @default false
-     * */
-    required?: boolean;
+     */
+    isRequired?: boolean;
     /** Inline styles. */
     style?: CSSProperties;
     /** Unique identifier for testing purposes. */
     'data-testid'?: string | number;
     /** The props used for each slot inside. */
     slotProps?: {
+        root?: FieldControlProps<typeof TextField<HTMLInputElement>>;
         label?: FieldLabelProps;
-        input?: FieldInputProps;
         caption?: FieldCaptionProps;
+        group?: FieldInputGroupProps;
         errorMessage?: FieldErrorProps;
+        input?: FieldInputProps<'input'>;
     };
-}, Omit<UseTextFieldProps, 'inputElementType'>>;
+} & InputDeprecatedProps, Omit<TextFieldProps<HTMLInputElement>, 'description' | 'validationBehavior' | 'validate' | 'children' | 'style' | 'className' | 'inputElementType'>>;
 export type InputRef = ComponentRef<'input'>;
+export {};

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

@@ -1,22 +1,38 @@
-export declare const InputNumber: import("react").ForwardRefExoticComponent<Omit<Omit<import("@koobiq/react-primitives").UseNumberFieldProps, "inputElementType">, "caption" | "label" | "style" | "className" | "disabled" | "required" | "error" | "variant" | "slotProps" | "fullWidth" | "data-testid" | "errorMessage" | "startAddon" | "endAddon" | "hiddenLabel"> & {
+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 {
+    disabled?: boolean;
+    error?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    hiddenLabel?: boolean;
+}> & {
     label?: import("react").ReactNode;
     className?: string;
     startAddon?: import("react").ReactNode;
     endAddon?: import("react").ReactNode;
     variant?: import("./types").InputNumberPropVariant;
-    error?: boolean;
+    isInvalid?: boolean;
     errorMessage?: string | number;
     fullWidth?: boolean;
-    disabled?: boolean;
-    hiddenLabel?: boolean;
+    isDisabled?: boolean;
+    isLabelHidden?: boolean;
     caption?: string | number;
-    required?: boolean;
+    isRequired?: boolean;
     style?: import("react").CSSProperties;
     'data-testid'?: string | number;
     slotProps?: {
-        label?: import("../FieldComponents").FieldLabelProps;
-        input?: import("../FieldComponents").FieldInputProps;
-        caption?: import("../FieldComponents").FieldCaptionProps;
-        errorMessage?: import("../FieldComponents").FieldErrorProps;
+        root?: FieldControlProps<typeof NumberField>;
+        label?: FieldLabelProps;
+        input?: FieldInputProps;
+        caption?: FieldCaptionProps;
+        group?: FieldInputGroupProps;
+        errorMessage?: FieldErrorProps;
     };
+} & {
+    disabled?: boolean;
+    error?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    hiddenLabel?: boolean;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/InputNumber/InputNumber.js

@@ -1,9 +1,11 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { deprecate } from "@koobiq/logger";
 import { useDOMRef, mergeProps } from "@koobiq/react-core";
-import { FieldNumberControl } from "../FieldComponents/FieldNumberControl/FieldNumberControl.js";
+import { NumberField } from "@koobiq/react-primitives";
 import { InputNumberCounterControls } from "./components/InputNumberCounterControls.js";
+import { FieldControl } from "../FieldComponents/FieldControl/FieldControl.js";
 import { FieldLabel } from "../FieldComponents/FieldLabel/FieldLabel.js";
 import { FieldInputGroup } from "../FieldComponents/FieldInputGroup/FieldInputGroup.js";
 import { FieldInput } from "../FieldComponents/FieldInput/FieldInput.js";
@@ -14,7 +16,16 @@ const InputNumber = forwardRef(
     const {
       variant = "filled",
       fullWidth = false,
-      hiddenLabel = false,
+      hiddenLabel,
+      isLabelHidden: isLabelHiddenProp,
+      disabled,
+      isDisabled: isDisabledProp,
+      error,
+      isInvalid: isInvalidProp,
+      required,
+      isRequired: isRequiredProp,
+      readonly,
+      isReadOnly: isReadOnlyProp,
       label,
       startAddon,
       endAddon,
@@ -23,43 +34,83 @@ const InputNumber = forwardRef(
       caption,
       ...other
     } = props;
-    const domRef = useDOMRef(ref);
+    const inputRef = useDOMRef(ref);
+    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;
+    if (process.env.NODE_ENV !== "production" && "disabled" in props) {
+      deprecate(
+        'InputNumber: the "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'
+      );
+    }
+    if (process.env.NODE_ENV !== "production" && "required" in props) {
+      deprecate(
+        'InputNumber: the "required" prop is deprecated. Use "isRequired" prop to replace it.'
+      );
+    }
+    if (process.env.NODE_ENV !== "production" && "error" in props) {
+      deprecate(
+        'InputNumber: the "error" prop is deprecated. Use "isInvalid" prop to replace it.'
+      );
+    }
+    if (process.env.NODE_ENV !== "production" && "readonly" in props) {
+      deprecate(
+        'InputNumber: the "readonly" prop is deprecated. Use "isReadOnly" prop to replace it.'
+      );
+    }
+    if (process.env.NODE_ENV !== "production" && "hiddenLabel" in props) {
+      deprecate(
+        'InputNumber: the "hiddenLabel" prop is deprecated. Use "isLabelHidden" prop to replace it.'
+      );
+    }
     const rootProps = mergeProps(
       {
         label,
         fullWidth,
+        isDisabled,
+        isRequired,
+        isReadOnly,
+        isInvalid,
         errorMessage,
         "data-variant": variant,
-        "data-fullwidth": fullWidth
+        "data-fullwidth": fullWidth,
+        ...other
       },
-      other
+      slotProps?.root
     );
-    return /* @__PURE__ */ jsx(FieldNumberControl, { ...rootProps, children: ({ error, required, disabled }) => {
-      const labelProps = mergeProps(
-        { hidden: hiddenLabel, required },
-        slotProps?.label
-      );
+    return /* @__PURE__ */ jsx(FieldControl, { as: NumberField, ...rootProps, children: ({ isInvalid: isInvalid2, isRequired: isRequired2, isDisabled: isDisabled2 }) => {
+      const labelProps = mergeProps({ isHidden: isLabelHidden, isRequired: isRequired2 }, slotProps?.label);
       const inputProps = mergeProps(
-        { error, variant, disabled, ref: domRef },
+        {
+          variant,
+          isInvalid: isInvalid2,
+          isDisabled: isDisabled2,
+          ref: inputRef
+        },
         slotProps?.input
       );
-      const captionProps = slotProps?.caption;
-      const errorProps = mergeProps({ error }, slotProps?.errorMessage);
+      const captionProps = mergeProps(
+        { isInvalid: isInvalid2 },
+        slotProps?.caption
+      );
+      const errorProps = mergeProps({ isInvalid: isInvalid2 }, slotProps?.errorMessage);
+      const groupProps = mergeProps(
+        {
+          endAddon: /* @__PURE__ */ jsxs(Fragment, { children: [
+            endAddon,
+            /* @__PURE__ */ jsx(InputNumberCounterControls, {})
+          ] }),
+          isInvalid: isInvalid2,
+          startAddon,
+          isDisabled: isDisabled2
+        },
+        slotProps?.group
+      );
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(FieldLabel, { ...labelProps, children: labelProps?.children || label }),
-        /* @__PURE__ */ jsx(
-          FieldInputGroup,
-          {
-            error,
-            disabled,
-            startAddon,
-            endAddon: /* @__PURE__ */ jsxs(Fragment, { children: [
-              endAddon,
-              /* @__PURE__ */ jsx(InputNumberCounterControls, {})
-            ] }),
-            children: /* @__PURE__ */ jsx(FieldInput, { ...inputProps })
-          }
-        ),
+        /* @__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 })
       ] });

package/dist/components/InputNumber/components/InputNumberCounterControls.js

@@ -5,8 +5,8 @@ import s from "./InputNumberCounterControls.module.css.js";
 import { useFieldInputGroup } from "../../FieldComponents/FieldInputGroup/FieldInputGroupContext.js";
 import { IconButton } from "../../IconButton/IconButton.js";
 const InputNumberCounterControls = () => {
-  const { hovered, hasValue, focusWithin } = useFieldInputGroup();
-  const visible = (hovered || focusWithin) && hasValue;
+  const { isHovered, hasValue, isFocusWithin } = useFieldInputGroup();
+  const visible = (isHovered || isFocusWithin) && hasValue;
   return /* @__PURE__ */ jsxs("div", { className: clsx(s.base, visible && s.visible), children: [
     /* @__PURE__ */ jsx(
       IconButton,
@@ -15,7 +15,7 @@ const InputNumberCounterControls = () => {
         slot: "increment",
         variant: "fade-contrast",
         size: "l",
-        compact: true,
+        isCompact: true,
         children: /* @__PURE__ */ jsx(IconChevronUp16, {})
       }
     ),
@@ -26,7 +26,7 @@ const InputNumberCounterControls = () => {
         slot: "decrement",
         variant: "fade-contrast",
         size: "l",
-        compact: true,
+        isCompact: true,
         children: /* @__PURE__ */ jsx(IconChevronDown16, {})
       }
     )

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

@@ -1,9 +1,51 @@
 import type { ComponentRef, CSSProperties, ReactNode } from 'react';
 import type { ExtendableProps } from '@koobiq/react-core';
-import type { UseNumberFieldProps } from '@koobiq/react-primitives';
-import type { FieldCaptionProps, FieldErrorProps, FieldInputProps, FieldLabelProps } from '../FieldComponents';
+import type { NumberField, UseNumberFieldProps } 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];
+type InputNumberDeprecatedProps = {
+    /**
+     * 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 input can be selected but not changed by the user.
+     * @default false
+     *
+     * @deprecated
+     * The "readonly" prop is deprecated. Use "isReadOnly" prop to replace it.
+     */
+    readonly?: 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;
+};
 export type InputNumberProps = ExtendableProps<{
     /** The content to display as the label. */
     label?: ReactNode;
@@ -16,47 +58,50 @@ export type InputNumberProps = ExtendableProps<{
     /**
      * The variant to use.
      * @default filled
-     * */
+     */
     variant?: InputNumberPropVariant;
     /**
      * If `true`, the input will indicate an error.
      * @default false
-     * */
-    error?: boolean;
-    /** Message for the error state */
+     */
+    isInvalid?: boolean;
+    /** Message for the error state. */
     errorMessage?: string | number;
     /**
      * 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
-     * */
-    disabled?: boolean;
+     */
+    isDisabled?: boolean;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
      * @default false
-     * */
-    hiddenLabel?: boolean;
+     */
+    isLabelHidden?: boolean;
     /** The helper text content. */
     caption?: string | number;
     /**
      * If `true`, the label is displayed as required and the input element is required.
      * @default false
-     * */
-    required?: boolean;
+     */
+    isRequired?: boolean;
     /** Inline styles. */
     style?: CSSProperties;
     /** Unique identifier for testing purposes. */
     'data-testid'?: string | number;
     /** The props used for each slot inside. */
     slotProps?: {
+        root?: FieldControlProps<typeof NumberField>;
         label?: FieldLabelProps;
         input?: FieldInputProps;
         caption?: FieldCaptionProps;
+        group?: FieldInputGroupProps;
         errorMessage?: FieldErrorProps;
     };
-}, Omit<UseNumberFieldProps, 'inputElementType'>>;
+} & InputNumberDeprecatedProps, Omit<UseNumberFieldProps, 'inputElementType'>>;
 export type InputNumberRef = ComponentRef<'input'>;
+export {};

package/dist/components/Link/Link.js

@@ -1,45 +1,65 @@
 "use client";
 import { jsxs } from "react/jsx-runtime";
-import { polymorphicForwardRef, useDOMRef, clsx } from "@koobiq/react-core";
-import { useLink } from "@koobiq/react-primitives";
+import { deprecate } from "@koobiq/logger";
+import { polymorphicForwardRef, clsx } from "@koobiq/react-core";
+import { Link as Link$1 } from "@koobiq/react-primitives";
 import s from "./Link.module.css.js";
 const Link = polymorphicForwardRef((props, ref) => {
   const {
     variant = "text-normal",
-    visitable = false,
-    pseudo = false,
+    isPseudo: isPseudoProp,
+    isDisabled: isDisabledProp,
+    allowVisited: allowVisitedProp,
+    visitable,
+    pseudo,
+    disabled,
     as = "a",
     startIcon,
     endIcon,
     children,
     className,
-    style
+    ...other
   } = props;
-  const Tag = as;
-  const domRef = useDOMRef(ref);
-  const elementType = as !== "a" && as !== "button" ? `${as}` : void 0;
-  const { linkProps, hovered, pressed, focusVisible } = useLink(
-    { ...props, elementType },
-    domRef
-  );
+  const allowVisited = allowVisitedProp ?? visitable ?? false;
+  const isDisabled = isDisabledProp ?? disabled ?? false;
+  const isPseudo = isPseudoProp ?? pseudo ?? false;
   const hasIcon = Boolean(startIcon || endIcon);
+  if (process.env.NODE_ENV !== "production" && "visitable" in props) {
+    deprecate(
+      'Link: the "visitable" prop is deprecated. Use "allowVisited" prop to replace it.'
+    );
+  }
+  if (process.env.NODE_ENV !== "production" && "pseudo" in props) {
+    deprecate(
+      'Link: the "pseudo" prop is deprecated. Use "isPseudo" prop to replace it.'
+    );
+  }
+  if (process.env.NODE_ENV !== "production" && "disabled" in props) {
+    deprecate(
+      'Link: the "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'
+    );
+  }
+  const elementType = as !== "a" && as !== "button" ? `${as}` : void 0;
   return /* @__PURE__ */ jsxs(
-    Tag,
+    Link$1,
     {
-      ...linkProps,
-      className: clsx(
+      as,
+      isDisabled,
+      elementType,
+      ...isDisabled && { tabIndex: -1 },
+      className: ({ isHovered, isPressed, isFocusVisible }) => clsx(
         s.base,
         s[variant],
-        pseudo && s.pseudo,
-        hovered && s.hovered,
-        pressed && s.pressed,
+        isPseudo && s.pseudo,
+        isHovered && s.hovered,
+        isPressed && s.pressed,
         hasIcon && s.hasIcon,
-        visitable && s.visitable,
-        focusVisible && s.focusVisible,
+        allowVisited && s.allowVisited,
+        isFocusVisible && s.focusVisible,
         className
       ),
-      style,
-      ref: domRef,
+      ...other,
+      ref,
       children: [
         startIcon,
         children,

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

@@ -2,7 +2,7 @@ const base = "kbq-link-093ccd";
 const hovered = "kbq-link-hovered-1916bc";
 const pressed = "kbq-link-pressed-0b493d";
 const focusVisible = "kbq-link-focusVisible-a98307";
-const visitable = "kbq-link-visitable-c8175e";
+const allowVisited = "kbq-link-allowVisited-cb5a56";
 const pseudo = "kbq-link-pseudo-5f21eb";
 const hasIcon = "kbq-link-hasIcon-ea84d7";
 const inherit = "kbq-link-inherit-aa3736";
@@ -11,7 +11,7 @@ const s = {
   hovered,
   pressed,
   focusVisible,
-  visitable,
+  allowVisited,
   pseudo,
   hasIcon,
   "text-normal": "kbq-link-text-normal-814a6c",
@@ -20,6 +20,7 @@ const s = {
   inherit
 };
 export {
+  allowVisited,
   base,
   s as default,
   focusVisible,
@@ -27,6 +28,5 @@ export {
   hovered,
   inherit,
   pressed,
-  pseudo,
-  visitable
+  pseudo
 };

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

@@ -1,8 +1,35 @@
 import type { CSSProperties, ReactNode } from 'react';
-import type { ButtonOptions } from '@koobiq/react-primitives';
+import type { ExtendableProps } from '@koobiq/react-core';
+import type { UseLinkProps } from '@koobiq/react-primitives';
 import type { TypographyPropVariant } from '../Typography';
 export type LinkPropVariant = Extract<TypographyPropVariant, 'text-compact' | 'text-normal' | 'text-big' | 'inherit'>;
-export type LinkBaseProps = {
+type LinkDeprecatedProps = {
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     *
+     * @deprecated
+     * The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, displays :visited CSS-state.
+     * @default false
+     *
+     * @deprecated
+     * The "visitable" prop is deprecated. Use "isVisitable" prop to replace it.
+     */
+    visitable?: boolean;
+    /**
+     * If `true`, displays the link as a pseudo-link.
+     * @default false
+     *
+     * @deprecated
+     * The "pseudo" prop is deprecated. Use "isPseudo" prop to replace it.
+     */
+    pseudo?: boolean;
+};
+export type LinkBaseProps = ExtendableProps<{
     /** The content of the component. */
     children?: ReactNode;
     /** The variant of the component. */
@@ -11,15 +38,24 @@ export type LinkBaseProps = {
     startIcon?: ReactNode;
     /** Icon placed after the children. */
     endIcon?: ReactNode;
-    /** If `true`, the component is disabled. */
-    disabled?: boolean;
-    /** If `true`, displays :visited CSS-state. */
-    visitable?: boolean;
-    /** If `true`, displays the link as a pseudo-link. */
-    pseudo?: boolean;
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * If `true`, displays :visited CSS-state.
+     * @default false
+     */
+    allowVisited?: boolean;
+    /**
+     * If `true`, displays the link as a pseudo-link.
+     * @default false
+     */
+    isPseudo?: boolean;
     /** Additional CSS-classes. */
     className?: string;
     /** Inline styles */
     style?: CSSProperties;
-    onClick?: ButtonOptions['onPress'];
-};
+} & LinkDeprecatedProps, UseLinkProps>;
+export {};