diff --git a/packages/web-components/src/accordion-item/accordion-item.options.ts b/packages/web-components/src/accordion-item/accordion-item.options.ts
index 74fadb5428f9d2..79ea47d2e9cd1f 100644
--- a/packages/web-components/src/accordion-item/accordion-item.options.ts
+++ b/packages/web-components/src/accordion-item/accordion-item.options.ts
@@ -1,4 +1,4 @@
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * An Accordion Item header font size can be small, medium, large, and extra-large
diff --git a/packages/web-components/src/anchor-button/anchor-button.options.ts b/packages/web-components/src/anchor-button/anchor-button.options.ts
index cff10c7b0dce3f..12785a8ab21eef 100644
--- a/packages/web-components/src/anchor-button/anchor-button.options.ts
+++ b/packages/web-components/src/anchor-button/anchor-button.options.ts
@@ -1,5 +1,5 @@
 import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js';
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 import type { AnchorOptions } from './anchor-button.js';
 
 /**
diff --git a/packages/web-components/src/avatar/avatar.options.ts b/packages/web-components/src/avatar/avatar.options.ts
index 0276b1cdac760d..1907e1a6bd9e01 100644
--- a/packages/web-components/src/avatar/avatar.options.ts
+++ b/packages/web-components/src/avatar/avatar.options.ts
@@ -1,4 +1,4 @@
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * The Avatar "active" state
diff --git a/packages/web-components/src/badge/badge.options.ts b/packages/web-components/src/badge/badge.options.ts
index b53a9143ac3ae7..81bae07d0bdb30 100644
--- a/packages/web-components/src/badge/badge.options.ts
+++ b/packages/web-components/src/badge/badge.options.ts
@@ -1,5 +1,5 @@
 import { StartEndOptions } from '../patterns/index.js';
-import { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
+import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
 import type { Badge } from './badge.js';
 
 /**
diff --git a/packages/web-components/src/button/button.options.ts b/packages/web-components/src/button/button.options.ts
index 56f7eb64c3c79d..5a265819ffe32f 100644
--- a/packages/web-components/src/button/button.options.ts
+++ b/packages/web-components/src/button/button.options.ts
@@ -1,5 +1,5 @@
 import { StartEndOptions } from '../patterns/index.js';
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 import type { Button } from './button.js';
 
 /**
diff --git a/packages/web-components/src/checkbox/checkbox.options.ts b/packages/web-components/src/checkbox/checkbox.options.ts
index 631ba870880f54..5396c6a2041294 100644
--- a/packages/web-components/src/checkbox/checkbox.options.ts
+++ b/packages/web-components/src/checkbox/checkbox.options.ts
@@ -1,4 +1,4 @@
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * Checkbox shape
diff --git a/packages/web-components/src/compound-button/compound-button.options.ts b/packages/web-components/src/compound-button/compound-button.options.ts
index d9891374c16ee0..79237e66a90cc9 100644
--- a/packages/web-components/src/compound-button/compound-button.options.ts
+++ b/packages/web-components/src/compound-button/compound-button.options.ts
@@ -1,6 +1,6 @@
 import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js';
 import type { ButtonOptions } from '../button/button.options.js';
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * Compound Button Appearance constants
diff --git a/packages/web-components/src/counter-badge/counter-badge.options.ts b/packages/web-components/src/counter-badge/counter-badge.options.ts
index ce7cc27f85769c..3045d52e75c9f1 100644
--- a/packages/web-components/src/counter-badge/counter-badge.options.ts
+++ b/packages/web-components/src/counter-badge/counter-badge.options.ts
@@ -1,5 +1,5 @@
 import { BadgeOptions } from '../badge/badge.options.js';
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * CounterBadge options
diff --git a/packages/web-components/src/dialog/dialog.options.ts b/packages/web-components/src/dialog/dialog.options.ts
index ece193ab6500b8..d6020b649da935 100644
--- a/packages/web-components/src/dialog/dialog.options.ts
+++ b/packages/web-components/src/dialog/dialog.options.ts
@@ -1,4 +1,4 @@
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * Dialog modal type
diff --git a/packages/web-components/src/divider/divider.options.ts b/packages/web-components/src/divider/divider.options.ts
index 93a94783f0c444..c537eeab5b92c5 100644
--- a/packages/web-components/src/divider/divider.options.ts
+++ b/packages/web-components/src/divider/divider.options.ts
@@ -1,5 +1,5 @@
 import { Orientation } from '@microsoft/fast-web-utilities';
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * Divider roles
diff --git a/packages/web-components/src/image/image.options.ts b/packages/web-components/src/image/image.options.ts
index 440fb3b643b5fa..25cb3770ac754e 100644
--- a/packages/web-components/src/image/image.options.ts
+++ b/packages/web-components/src/image/image.options.ts
@@ -1,4 +1,4 @@
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * Image fit
diff --git a/packages/web-components/src/label/label.options.ts b/packages/web-components/src/label/label.options.ts
index 13570a97d5b0ea..d78e77f88cd230 100644
--- a/packages/web-components/src/label/label.options.ts
+++ b/packages/web-components/src/label/label.options.ts
@@ -1,4 +1,4 @@
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * A Labels font size can be small, medium, or large
diff --git a/packages/web-components/src/menu-button/menu-button.options.ts b/packages/web-components/src/menu-button/menu-button.options.ts
index e52e9dcb2bff24..802a107e6f5d0f 100644
--- a/packages/web-components/src/menu-button/menu-button.options.ts
+++ b/packages/web-components/src/menu-button/menu-button.options.ts
@@ -1,6 +1,6 @@
 import type { ButtonOptions } from '../button/index.js';
 import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js';
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * Menu Button Appearance constants
diff --git a/packages/web-components/src/patterns/start-end.ts b/packages/web-components/src/patterns/start-end.ts
index 99ed87b3da7de5..f8c4cb4642e7a3 100644
--- a/packages/web-components/src/patterns/start-end.ts
+++ b/packages/web-components/src/patterns/start-end.ts
@@ -1,7 +1,8 @@
 //Copied from @microsoft/fast-foundation
 
 import { CaptureType, html, ref } from '@microsoft/fast-element';
-import { StaticallyComposableHTML, staticallyCompose } from '../utils/index.js';
+import type { StaticallyComposableHTML } from '../utils/index.js';
+import { staticallyCompose } from '../utils/index.js';
 
 /**
  * Start configuration options
diff --git a/packages/web-components/src/progress-bar/progress-bar.options.ts b/packages/web-components/src/progress-bar/progress-bar.options.ts
index f29b3a8098089f..96b4d74b635cd0 100644
--- a/packages/web-components/src/progress-bar/progress-bar.options.ts
+++ b/packages/web-components/src/progress-bar/progress-bar.options.ts
@@ -1,4 +1,4 @@
-import { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
+import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
 import { ProgressBar } from './progress-bar.js';
 
 /**
diff --git a/packages/web-components/src/spinner/spinner.options.ts b/packages/web-components/src/spinner/spinner.options.ts
index d2e28941c1a619..0f7f86eff38ad5 100644
--- a/packages/web-components/src/spinner/spinner.options.ts
+++ b/packages/web-components/src/spinner/spinner.options.ts
@@ -1,4 +1,4 @@
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * SpinnerAppearance constants
diff --git a/packages/web-components/src/switch/switch.options.ts b/packages/web-components/src/switch/switch.options.ts
index 90d01edcfaea45..5319d60d1ce3c5 100644
--- a/packages/web-components/src/switch/switch.options.ts
+++ b/packages/web-components/src/switch/switch.options.ts
@@ -1,4 +1,4 @@
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * SwitchLabelPosition Constants
diff --git a/packages/web-components/src/switch/switch.ts b/packages/web-components/src/switch/switch.ts
index 3cbc89daa1a666..79b7e2465ca290 100644
--- a/packages/web-components/src/switch/switch.ts
+++ b/packages/web-components/src/switch/switch.ts
@@ -1,6 +1,6 @@
 import { attr, observable } from '@microsoft/fast-element';
 import { keyEnter, keySpace } from '@microsoft/fast-web-utilities';
-import { StaticallyComposableHTML } from '../utils/index.js';
+import type { StaticallyComposableHTML } from '../utils/index.js';
 import { SwitchLabelPosition } from './switch.options.js';
 import { FormAssociatedSwitch } from './switch.form-associated.js';
 
diff --git a/packages/web-components/src/tabs/tabs.options.ts b/packages/web-components/src/tabs/tabs.options.ts
index c7033cf4a809b4..c236c1ec53e677 100644
--- a/packages/web-components/src/tabs/tabs.options.ts
+++ b/packages/web-components/src/tabs/tabs.options.ts
@@ -1,6 +1,6 @@
 import { Orientation } from '@microsoft/fast-web-utilities';
 import { StartEndOptions } from '../patterns/index.js';
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 import { Tabs } from './tabs.js';
 
 export const TabsAppearance = {
diff --git a/packages/web-components/src/text-input/text-input.options.ts b/packages/web-components/src/text-input/text-input.options.ts
index 8e677f1a6441a9..0a161029c31191 100644
--- a/packages/web-components/src/text-input/text-input.options.ts
+++ b/packages/web-components/src/text-input/text-input.options.ts
@@ -1,4 +1,4 @@
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * TextInput size constants
diff --git a/packages/web-components/src/text/text.options.ts b/packages/web-components/src/text/text.options.ts
index 60e057c4c556eb..e1c444f6887490 100644
--- a/packages/web-components/src/text/text.options.ts
+++ b/packages/web-components/src/text/text.options.ts
@@ -1,4 +1,4 @@
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * TextSize constants
diff --git a/packages/web-components/src/toggle-button/toggle-button.options.ts b/packages/web-components/src/toggle-button/toggle-button.options.ts
index 517f503b72ef75..bb4628833cd3c4 100644
--- a/packages/web-components/src/toggle-button/toggle-button.options.ts
+++ b/packages/web-components/src/toggle-button/toggle-button.options.ts
@@ -1,6 +1,6 @@
 import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js';
 import type { ButtonOptions } from '../button/index.js';
-import { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/index.js';
 
 /**
  * Toggle Button Appearance constants