refactor: Knob prop fixes

Author: tugcekucukoglu

packages/@primereact/headless/src/knob/useKnob.props.ts

@@ -14,6 +14,7 @@ export const defaultProps: useKnobProps = {
     tabIndex: undefined,
     disabled: undefined,
     readOnly: undefined,
+    invalid: undefined,
     ariaLabelledby: undefined,
     ariaLabel: undefined,
     onValueChange: undefined

packages/@primereact/types/src/headless/knob/useKnob.types.ts

@@ -79,14 +79,16 @@ export interface useKnobProps {
      * @default 0
      */
     tabIndex?: number | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     */
+    invalid?: boolean | undefined;
     /**
      * When present, it specifies that the component should be disabled.
-     * @default false
      */
     disabled?: boolean | undefined;
     /**
      * When present, it specifies that the component value cannot be edited.
-     * @default false
      */
     readOnly?: boolean | undefined;
     /**

packages/@primereact/types/src/primitive/knob/KnobRoot.types.ts

@@ -9,8 +9,8 @@
  *
  */
 import type { ComponentInstance } from '@primereact/types/core';
-import type { BaseComponentProps, PassThroughType } from '../..';
 import type { useKnobChangeEvent, useKnobExposes, useKnobProps, useKnobState } from '@primereact/types/headless/knob';
+import type { BaseComponentProps, PassThroughType } from '../..';
 
 /**
  * Defines passthrough(pt) options type in Knob component.
@@ -58,11 +58,6 @@ export interface KnobRootChangeEvent extends useKnobChangeEvent {
  * Defines valid properties in Knob component.
  */
 export interface KnobRootProps extends BaseComponentProps<KnobRootInstance, Omit<useKnobProps, 'onValueChange'>, KnobRootPassThrough> {
-    /**
-     * When present, it specifies that the component should have invalid state style.
-     * @default false
-     */
-    invalid?: boolean | undefined;
     /**
      * Callback fired when the knob's value changes.
      * @param event The event that triggered the change.

packages/primereact/src/knob/root/KnobRoot.props.ts

@@ -5,10 +5,6 @@ import { $dt } from '@primeuix/styled';
 export const defaultRootProps: KnobRootProps = {
     ...HeadlessKnob.defaultProps,
     as: 'div',
-    tabIndex: 1,
-    disabled: false,
-    readOnly: false,
-    invalid: false,
     rangeColor: $dt('knob.range.background').variable,
     valueColor: $dt('knob.value.background').variable,
     textColor: $dt('knob.text.color').variable