From 014357833f2f31778def708348ced4739a755ee5 Mon Sep 17 00:00:00 2001
From: Ryan Gossiaux <ryan.gossiaux@gmail.com>
Date: Wed, 22 Dec 2021 15:07:05 -0800
Subject: [PATCH] Add <dt> <dd> <dl> element support for as=

---
 src/lib/internal/elements/Dd.svelte | 13 +++++++++++++
 src/lib/internal/elements/Dl.svelte | 13 +++++++++++++
 src/lib/internal/elements/Dt.svelte | 13 +++++++++++++
 3 files changed, 39 insertions(+)
 create mode 100644 src/lib/internal/elements/Dd.svelte
 create mode 100644 src/lib/internal/elements/Dl.svelte
 create mode 100644 src/lib/internal/elements/Dt.svelte

diff --git a/src/lib/internal/elements/Dd.svelte b/src/lib/internal/elements/Dd.svelte
new file mode 100644
index 0000000..049e2ec
--- /dev/null
+++ b/src/lib/internal/elements/Dd.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import { get_current_component } from "svelte/internal";
+  import { forwardEventsBuilder } from "../forwardEventsBuilder";
+
+  export let use: ActionArray = [];
+  export let el: HTMLElement | null = null;
+  const forwardEvents = forwardEventsBuilder(get_current_component());
+</script>
+
+<dd bind:this={el} use:useActions={use} use:forwardEvents {...$$restProps}>
+  <slot />
+</dd>
diff --git a/src/lib/internal/elements/Dl.svelte b/src/lib/internal/elements/Dl.svelte
new file mode 100644
index 0000000..1981b9f
--- /dev/null
+++ b/src/lib/internal/elements/Dl.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import { get_current_component } from "svelte/internal";
+  import { forwardEventsBuilder } from "../forwardEventsBuilder";
+
+  export let use: ActionArray = [];
+  export let el: HTMLElement | null = null;
+  const forwardEvents = forwardEventsBuilder(get_current_component());
+</script>
+
+<dl bind:this={el} use:useActions={use} use:forwardEvents {...$$restProps}>
+  <slot />
+</dl>
diff --git a/src/lib/internal/elements/Dt.svelte b/src/lib/internal/elements/Dt.svelte
new file mode 100644
index 0000000..491883a
--- /dev/null
+++ b/src/lib/internal/elements/Dt.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import { get_current_component } from "svelte/internal";
+  import { forwardEventsBuilder } from "../forwardEventsBuilder";
+
+  export let use: ActionArray = [];
+  export let el: HTMLElement | null = null;
+  const forwardEvents = forwardEventsBuilder(get_current_component());
+</script>
+
+<dt bind:this={el} use:useActions={use} use:forwardEvents {...$$restProps}>
+  <slot />
+</dt>