Merge remote-tracking branch 'origin/next' into next

Author: braddialpad

README.md

@@ -157,12 +157,12 @@ setTheme(DpLight, document.querySelector('#my-shadow-root-host'));
 
 ```js
 // Named import
-import { DtIconArrowUp } from '@dialpad/dialtone-icons/vue3';
-import { DtIllustrationBlankSpace } from '@dialpad/dialtone-icons/vue3';
+import { DtIconArrowUp } from '@dialpad/dialtone-icons/vue';
+import { DtIllustrationBlankSpace } from '@dialpad/dialtone-icons/vue';
 
 // Default import (Preferred if using webpack as it is tree-shakeable by default)
-import DtIconArrowUp from '@dialpad/dialtone-icons/vue3/arrow-up';
-import DtIllustrationBlankSpace from '@dialpad/dialtone-icons/vue3/blank-space';
+import DtIconArrowUp from '@dialpad/dialtone-icons/vue/arrow-up';
+import DtIllustrationBlankSpace from '@dialpad/dialtone-icons/vue/blank-space';
 ```
 
 #### Dialtone Vue components

apps/dialtone-documentation/docs/.vuepress/exampleComponents/ExampleProfileCard.vue

@@ -50,5 +50,5 @@
 </template>
 
 <script setup>
-import { DtIconPhone, DtIconQuickReply, DtIconVideo } from '@dialpad/dialtone-icons/vue3';
+import { DtIconPhone, DtIconQuickReply, DtIconVideo } from '@dialpad/dialtone-icons/vue';
 </script>

apps/dialtone-documentation/docs/.vuepress/theme/client.js

@@ -212,7 +212,7 @@ async function registerDialtoneCombinator (app) {
 }
 
 async function registerDialtoneIcons (app) {
-  const icons = await import('@dialpad/dialtone-icons/vue3');
+  const icons = await import('@dialpad/dialtone-icons/vue');
 
   const dialtoneIcons = {};
   const dialtoneIllustrations = {};

apps/dialtone-documentation/docs/components/avatar.md

@@ -636,7 +636,7 @@ The group count badge includes `role="img"` and an `aria-label` (e.g., "3 partic
 For more guidance, see the [WCAG images tutorial](https://www.w3.org/WAI/tutorials/images/decorative/).
 
 <script setup>
-import { DtIconUser, DtIconHear } from '@dialpad/dialtone-icons/vue3';
+import { DtIconUser, DtIconHear } from '@dialpad/dialtone-icons/vue';
 
 const seeds = ['alice', 'bob', 'carol', 'david', 'eve', 'frank', 'grace', 'henry', 'iris', 'jack', 'kate', 'leo', 'mia', 'noah', 'olive', 'paul', 'quinn', 'ruby'];
 const sizes = ['100', '150', '200', '250', '300', '400', '500', '600', '700', '800', '900'];

apps/dialtone-documentation/docs/components/badge.md

@@ -517,5 +517,5 @@ showHtmlWarning />
     DtIconRecordFilled,
     DtIconArrowUp,
     DtIconArrowDown,
-  } from '@dialpad/dialtone-icons/vue3';
+  } from '@dialpad/dialtone-icons/vue';
 </script>

apps/dialtone-documentation/docs/components/empty-state.md

@@ -570,5 +570,5 @@ At a minimum, empty state requires a body of content. It can optionally contain
 import {
   DtIllustrationNothingToSeeHere,
   DtIconBox,
-} from '@dialpad/dialtone-icons/vue3';
+} from '@dialpad/dialtone-icons/vue';
 </script>

apps/dialtone-documentation/docs/components/filter-pill.md

@@ -191,7 +191,7 @@ showHtmlWarning />
 
 <script setup>
 import { ref } from 'vue';
-import { DtIconSearch, DtIconClose } from '@dialpad/dialtone-icons/vue3';
+import { DtIconSearch, DtIconClose } from '@dialpad/dialtone-icons/vue';
 
 const inputValue = ref('');
 const exampleFilters = ref([

apps/dialtone-documentation/docs/components/icon.md

@@ -22,7 +22,7 @@ Here is an example that demonstrates how you can use the icon component in your
 ### With Tree Shaking (Preferred)
 
 ```js
-import { DtIconUserPlus } from '@dialpad/dialtone-icons/vue3';
+import { DtIconUserPlus } from '@dialpad/dialtone-icons/vue';
 
 <dt-icon-user-plus size="500" />
 ```
@@ -200,7 +200,7 @@ Dialtone provides eight sizes for icons. Each of the sizes represents the width
 <script setup>
   import { ref } from 'vue';
   import sizes from '@data/icons-sizes.json';
-  import { DtIconUserPlus, DtIconSettings } from '@dialpad/dialtone-icons/vue3';
+  import { DtIconUserPlus, DtIconSettings } from '@dialpad/dialtone-icons/vue';
 
   const sizeValues = sizes.map(item => ({ value: item.size, label: item.size }));
 

apps/dialtone-documentation/docs/components/mode-island.md

@@ -713,7 +713,7 @@ vueCode='
 Purely visual. No semantic HTML impact. Supports high contrast mode via auto contrast inheritance.
 
 <script setup>
-import { DtIconPhone, DtIconQuickReply, DtIconVideo } from '@dialpad/dialtone-icons/vue3';
+import { DtIconPhone, DtIconQuickReply, DtIconVideo } from '@dialpad/dialtone-icons/vue';
 import ExampleProfileCard from '@exampleComponents/ExampleProfileCard.vue';
 import { useThemeManager } from '@composables/useThemeManager';
 import { ref } from 'vue';

apps/dialtone-documentation/docs/components/stack.md

@@ -1575,7 +1575,7 @@ vueCode='
   import {
     DtIconMessage,
     DtIconLock,
-  } from '@dialpad/dialtone-icons/vue3';
+  } from '@dialpad/dialtone-icons/vue';
   import ClampedTableWrapper from '@baseComponents/ClampedTableWrapper.vue';
   import ExampleProfileCard from '@exampleComponents/ExampleProfileCard.vue';