fix(types): remove generic type from from props

Remove generic typing from component props in `Checkbox`, `Radio`, `Select`, and `Textarea`. It was not working because there is no way to set prop type parameter when the component is used. Change `active` prop in `Select` to `boolean` type. Add `success` prop and fix typos in `TextField`.

Author: csabageiszt

packages/svelte-materialify/@types/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from './shared';
 
-export interface CheckboxProps<T extends string | number | string[] = string[]> {
+export interface CheckboxProps {
   /** Classes to add to checkbox wrapper. */
   class?: string;
   /** Color class of the checkbox when checked or indeterminate. */
@@ -12,9 +12,9 @@ export interface CheckboxProps<T extends string | number | string[] = string[]>
   /** Whether checkbox is disabled. */
   disabled?: boolean;
   /** Value of the checkbox. */
-  value?: T;
+  value?: string | number | string[];
   /** Bind checkbox to a group. */
-  group?: T;
+  group?: number[] | string[];
   /** Id of the checkbox. Defaults to a random uid. */
   id?: string;
   /** Styles to add to checkbox wrapper. */

packages/svelte-materialify/@types/Radio.d.ts

@@ -1,16 +1,16 @@
 import { SvelteComponent } from './shared';
 
-export interface RadioProps<T extends string | number | string[] = string[]> {
+export interface RadioProps {
   /** Classes to add to radio wrapper. */
   class?: string;
   /** Color of the radio when active. */
   color?: string;
   /** Disables the radio. */
   disabled?: boolean;
   /** Bind radio to a group. */
-  group?: T;
+  group?: string | number | string[];
   /** Value of the radio. */
-  value?: T;
+  value?: string | number | string[];
   /** Id of the radio. */
   id?: string;
   /** Styles to add to radio wrapper. */

packages/svelte-materialify/@types/Select.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponent } from './shared';
 
-interface SelectProps<T extends number[] | string[] = string[]> {
+interface SelectProps {
   /** Classes to add to select wrapper. */
   class?: string;
   /** Whether select is opened. */
-  active?: string;
+  active?: boolean;
   /** Value of the select. */
-  value?: T;
+  value?: number[] | string[];
   /** List of items to select from. */
   items?: { name: string | number, value: string | number }[];
   /** Whether select is the `filled` material design variant. */

packages/svelte-materialify/@types/TextField.d.ts

@@ -34,7 +34,7 @@ interface TextFieldProps {
   /** Error messages to display. */
   messages?: string[];
   /**
-   * A list of validator functions that take the textarea value and return an error
+   * A list of validator functions that take the text field value and return an error
    * message, or `true` otherwise.
    */
   rules?: ((value: string) => string | true)[];
@@ -44,11 +44,13 @@ interface TextFieldProps {
   validateOnBlur?: boolean;
   /** Whether text field has error. */
   error?: boolean;
+  /** Whether text field has `success` class. */
+  success?: boolean;
   /** Id of the text field. Defaults to a random uid. */
   id?: string;
-  /** Styles to add to textarea wrapper. */
+  /** Styles to add to text field wrapper. */
   style?: string;
-  /** Reference to textarea element in the DOM. */
+  /** Reference to text field element in the DOM. */
   inputElement?: Element;
 }
 

packages/svelte-materialify/@types/Textarea.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from './shared';
 
-interface TextareaProps<T extends string | number | string[] = string[]> {
+interface TextareaProps {
   /** Value of the textarea. */
-  value?: T;
+  value?: string | number | string[];
   /** Color class of the textarea when active. */
   color?: string;
   /** Whether textarea is the `filled` material design variant. */
@@ -37,7 +37,7 @@ interface TextareaProps<T extends string | number | string[] = string[]> {
    * A list of validator functions that take the textarea value and return an error
    * message, or `true` otherwise.
    */
-  rules?: ((value: T) => string | true)[];
+  rules?: ((value: string | number | string[]) => string | true)[];
   /** Number of error messages to display. Defaults to one. */
   errorCount?: number;
   /** Error messages to display. */