feat(heading): add Heading and Section components (#1961)

types/Heading/Heading.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { SvelteComponentTyped } from "svelte";
+
+export type SectionLevel = 1 | 2 | 3 | 4 | 5 | 6;
+
+export interface HeadingProps {}
+
+export default class Heading extends SvelteComponentTyped<
+  HeadingProps,
+  Record<string, any>,
+  { default: {} }
+> {}

types/Heading/Section.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { SvelteComponentTyped } from "svelte";
+
+export type SectionLevel = 1 | 2 | 3 | 4 | 5 | 6;
+
+export interface SectionProps {
+  /**
+   * Specify the level the section should start at.
+   * @default 1
+   */
+  level?: SectionLevel;
+
+  /**
+   * Specify the tag name
+   * @default "section"
+   */
+  tag?: keyof HTMLElementTagNameMap;
+}
+
+export default class Section extends SvelteComponentTyped<
+  SectionProps,
+  Record<string, any>,
+  { default: {} }
+> {}

types/index.d.ts

@@ -62,6 +62,8 @@ 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 Heading } from "./Heading/Heading.svelte";
+export { default as Section } from "./Heading/Section.svelte";
 export { default as ImageLoader } from "./ImageLoader/ImageLoader.svelte";
 export { default as InlineLoading } from "./InlineLoading/InlineLoading.svelte";
 export { default as Layer } from "./Layer/Layer.svelte";