feat: add input props and element props to textfield type

Author: hperrin

packages/textfield/Input.types.ts

@@ -0,0 +1,16 @@
+import type Component from './Input.svelte';
+
+type ElementAttributes = svelte.JSX.HTMLProps<HTMLInputElement>;
+
+export declare class InputComponentDev extends Component {
+  /**
+   * @private
+   * For type checking capabilities only.
+   * Does not exist at runtime.
+   * ### DO NOT USE!
+   */
+  $$prop_def: {
+    [k in keyof ElementAttributes]?: ElementAttributes[k];
+  } &
+    Component['$$prop_def'];
+}

packages/textfield/Textarea.types.ts

@@ -0,0 +1,16 @@
+import type Component from './Textarea.svelte';
+
+type ElementAttributes = svelte.JSX.HTMLProps<HTMLTextAreaElement>;
+
+export declare class TextareaComponentDev extends Component {
+  /**
+   * @private
+   * For type checking capabilities only.
+   * Does not exist at runtime.
+   * ### DO NOT USE!
+   */
+  $$prop_def: {
+    [k in keyof ElementAttributes]?: ElementAttributes[k];
+  } &
+    Component['$$prop_def'];
+}

packages/textfield/Textfield.types.ts

@@ -0,0 +1,37 @@
+import type Textfield from './Textfield.svelte';
+import type { InputComponentDev } from './Input.types';
+import type { TextareaComponentDev } from './Textarea.types';
+
+type ElementAttributes = svelte.JSX.HTMLProps<HTMLLabelElement> &
+  svelte.JSX.HTMLProps<HTMLDivElement>;
+
+// TODO: type all component like this, plus all the whatever$ props.
+
+export declare class TextfieldComponentDev extends Textfield {
+  /**
+   * @private
+   * For type checking capabilities only.
+   * Does not exist at runtime.
+   * ### DO NOT USE!
+   */
+  $$prop_def: {
+    [k in keyof ElementAttributes]?: ElementAttributes[k];
+  } &
+    {
+      [k in keyof InputComponentDev['$$prop_def'] as `input\$${k}`]?: InputComponentDev['$$prop_def'][k];
+    } &
+    {
+      [k in keyof TextareaComponentDev['$$prop_def'] as `input\$${k}`]?: TextareaComponentDev['$$prop_def'][k];
+    } & {
+      input$type?: never;
+      input$disabled?: never;
+      input$required?: never;
+      input$value?: never;
+      input$files?: never;
+      input$dirty?: never;
+      input$invalid?: never;
+      input$updateInvalid?: never;
+      'input$aria-controls'?: never;
+      'input$aria-describedby'?: never;
+    } & Textfield['$$prop_def'];
+}

packages/textfield/index.ts

@@ -1,11 +1,26 @@
-import Textfield from './Textfield.svelte';
+import TextfieldComponent from './Textfield.svelte';
+import type { TextfieldComponentDev } from './Textfield.types';
+const Textfield = TextfieldComponent as typeof TextfieldComponentDev;
 
 import Prefix from './Prefix';
 import Suffix from './Suffix';
 import HelperLine from './HelperLine';
-import Input from './Input.svelte';
-import Textarea from './Textarea.svelte';
+import InputComponent from './Input.svelte';
+import type { InputComponentDev } from './Input.types';
+const Input = InputComponent as typeof InputComponentDev;
+import TextareaComponent from './Textarea.svelte';
+import type { TextareaComponentDev } from './Textarea.types';
+const Textarea = TextareaComponent as typeof TextareaComponentDev;
 
 export default Textfield;
 
-export { Prefix, Suffix, HelperLine, Input, Textarea };
+export {
+  TextfieldComponentDev,
+  Prefix,
+  Suffix,
+  HelperLine,
+  Input,
+  InputComponentDev,
+  Textarea,
+  TextareaComponentDev,
+};