refactor(types): rewrite type definitions to account for intrinsic attributes

types/UIShell/SideNav/SideNav.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="svelte" />
+
+export default class SideNav {
+  $$prop_def: svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["nav"]> & {
+    /**
+     * Set to `true` to use the fixed variant
+     * @default false
+     */
+    fixed?: boolean;
+
+    /**
+     * Specify the ARIA label for the nav
+     */
+    ariaLabel?: string;
+
+    /**
+     * Set to `true` to toggle the expanded state
+     * @default false
+     */
+    isOpen?: boolean;
+  };
+
+  $$slot_def: {
+    default: {};
+  };
+
+  $on(eventname: string, cb: (event: Event) => void): () => void;
+}

types/UIShell/SideNav/SideNavItems.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="svelte" />
+
+export default class SideNavItems {
+  $$prop_def: {};
+
+  $$slot_def: {
+    default: {};
+  };
+
+  $on(eventname: string, cb: (event: Event) => void): () => void;
+}

types/UIShell/SideNav/SideNavLink.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="svelte" />
+
+export default class SideNavLink {
+  $$prop_def: svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> & {
+    /**
+     * Set to `true` to select the current link
+     * @default false
+     */
+    isSelected?: boolean;
+
+    /**
+     * Specify the `href` attribute
+     */
+    href?: string;
+
+    /**
+     * Specify the text
+     */
+    text?: string;
+
+    /**
+     * Specify the icon props
+     */
+    icon?: { render: typeof import("carbon-icons-svelte/lib/Add16").default; skeleton: boolean };
+
+    /**
+     * Obtain a reference to the HTML anchor element
+     * @default null
+     */
+    ref?: null | HTMLAnchorElement;
+  };
+
+  $$slot_def: {};
+
+  $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
+  $on(eventname: string, cb: (event: Event) => void): () => void;
+}

types/UIShell/SideNav/SideNavMenu.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="svelte" />
+
+export default class SideNavMenu {
+  $$prop_def: svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> & {
+    /**
+     * Set to `true` to toggle the expanded state
+     * @default false
+     */
+    expanded?: boolean;
+
+    /**
+     * Specify the text
+     */
+    text?: string;
+
+    /**
+     * Specify the icon props
+     */
+    icon?: { render: typeof import("carbon-icons-svelte/lib/Add16").default; skeleton: boolean };
+
+    /**
+     * Obtain a reference to the HTML button element
+     * @default null
+     */
+    ref?: null | HTMLButtonElement;
+  };
+
+  $$slot_def: {
+    default: {};
+  };
+
+  $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
+  $on(eventname: string, cb: (event: Event) => void): () => void;
+}

types/UIShell/SideNav/SideNavMenuItem.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="svelte" />
+
+export default class SideNavMenuItem {
+  $$prop_def: svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> & {
+    /**
+     * Set to `true` to select the item
+     */
+    isSelected?: boolean;
+
+    /**
+     * Specify the `href` attribute
+     */
+    href?: string;
+
+    /**
+     * Specify the item text
+     */
+    text?: string;
+
+    /**
+     * Obtain a reference to the HTML anchor element
+     * @default null
+     */
+    ref?: null | HTMLAnchorElement;
+  };
+
+  $$slot_def: {};
+
+  $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
+  $on(eventname: string, cb: (event: Event) => void): () => void;
+}