Make the 'helper text' feature more generic

types/HelperText/HelperText.svelte.d.ts

@@ -0,0 +1,32 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type RestProps = SvelteHTMLElements["div"];
+
+export interface HelperTextProps extends RestProps {
+  /**
+   * Specify the helper text as parameter
+   * @default ""
+   */
+  helperText?: string;
+
+  /**
+   * Set to `true` for the disabled variant
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Set to `true` to use inline variant
+   * @default false
+   */
+  inline?: boolean;
+
+  [key: `data-${string}`]: any;
+}
+
+export default class HelperText extends SvelteComponentTyped<
+  HelperTextProps,
+  Record<string, any>,
+  { default: {} }
+> {}

types/UIShell/Header.svelte.d.ts

@@ -30,7 +30,6 @@ export interface HeaderProps extends RestProps {
 
   /**
    * Specify the company name.
-   *
    * Alternatively, use the named slot "company" (e.g., `<span slot="company">...</span>`)
    * @default undefined
    */

types/index.d.ts

@@ -62,6 +62,7 @@ export { default as FormLabel } from "./FormLabel/FormLabel.svelte";
 export { default as Grid } from "./Grid/Grid.svelte";
 export { default as Row } from "./Grid/Row.svelte";
 export { default as Column } from "./Grid/Column.svelte";
+export { default as HelperText } from "./HelperText/HelperText.svelte";
 export { default as ImageLoader } from "./ImageLoader/ImageLoader.svelte";
 export { default as InlineLoading } from "./InlineLoading/InlineLoading.svelte";
 export { default as Link } from "./Link/Link.svelte";