@vonage/vivid 4.26.0 → 4.28.0

package/lib/toggletip/toggletip.d.ts

@@ -14,7 +14,7 @@ declare const Toggletip_base: {
         connectedCallback(): void;
         disconnectedCallback(): void;
         specialHandling: boolean;
-        _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+        _vividAriaBehaviour: import("../../shared/aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;

package/lib/tooltip/tooltip.d.ts

@@ -14,7 +14,7 @@ declare const Tooltip_base: {
         connectedCallback(): void;
         disconnectedCallback(): void;
         specialHandling: boolean;
-        _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+        _vividAriaBehaviour: import("../../shared/aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;

package/lib/tree-item/tree-item.d.ts

@@ -342,7 +342,7 @@ declare const TreeItem_base: {
         iconSlottedContent?: HTMLElement[] | undefined;
         connectedCallback(): void;
         specialHandling: boolean;
-        _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+        _vividAriaBehaviour: import("../../shared/aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;

package/lib/video-player/video-player.d.ts

@@ -5,10 +5,10 @@ export type VideoPlayerMediaSkipBy = ExtractFromEnum<MediaSkipBy, MediaSkipBy.Ze
 export declare const DEFAULT_PLAYBACK_RATES = "0.5, 1, 1.5, 2";
 declare const VideoPlayer_base: {
     new (...args: any[]): {
-        readonly locale: import("../shared/localization/Locale").Locale;
+        readonly locale: import("../../shared/localization/Locale").Locale;
         connectedCallback(): void;
         specialHandling: boolean;
-        _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+        _vividAriaBehaviour: import("../../shared/aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;

package/locales/de-DE.cjs

@@ -248,6 +248,17 @@ const deDE = {
     prevMonthLabel: "Vorheriger Monat",
     nextMonthLabel: "Nächster Monat",
     nextYearLabel: "Nächstes Jahr",
+    todayLabel: "heute",
+    selectedLabel: "ausgewählt",
+    currentLabel: "aktuell",
+    changeMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Monat ändern, ${month} ausgewählt`
+    ),
+    showCalendarForMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Kalender für ${month} anzeigen`
+    ),
     invalidDateError: "Bitte geben Sie ein gültiges Datum ein.",
     invalidDateRangeError: "Bitte geben Sie einen gültigen Datumsbereich ein.",
     startDateAfterMinDateError: (
@@ -363,7 +374,7 @@ const deDE = {
     dismissButtonLabel: "Drücken Sie die ENTF-Taste, um diese Registerkarte zu schließen"
   },
   searchableSelect: {
-    clearButtonLabel: "Löschen",
+    clearButtonLabel: "Auswahl löschen",
     noOptionsMessage: "Keine Optionen",
     noMatchesMessage: "Keine Optionen gefunden",
     loadingOptionsMessage: "Laden...",
@@ -381,7 +392,7 @@ const deDE = {
     ),
     optionFocusedMessage: (
       /* istanbul ignore next */
-      (name, position, total) => `Option ${name} fokussiert, ${position} von ${total}.`
+      (name, position, total, selected) => `Option ${name} fokussiert, ${selected ? "ausgewählt, " : ""}${position} von ${total}.`
     ),
     maxSelectedMessage: (
       /* istanbul ignore next */
@@ -436,6 +447,12 @@ const deDE = {
       /* istanbul ignore next */
       (index) => `Weiter zu Seite ${index}`
     )
+  },
+  tag: {
+    remove: (
+      /* istanbul ignore next */
+      (label) => `Entfernen ${label}`
+    )
   }
 };
 

package/locales/de-DE.js

@@ -246,6 +246,17 @@ const deDE = {
     prevMonthLabel: "Vorheriger Monat",
     nextMonthLabel: "Nächster Monat",
     nextYearLabel: "Nächstes Jahr",
+    todayLabel: "heute",
+    selectedLabel: "ausgewählt",
+    currentLabel: "aktuell",
+    changeMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Monat ändern, ${month} ausgewählt`
+    ),
+    showCalendarForMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Kalender für ${month} anzeigen`
+    ),
     invalidDateError: "Bitte geben Sie ein gültiges Datum ein.",
     invalidDateRangeError: "Bitte geben Sie einen gültigen Datumsbereich ein.",
     startDateAfterMinDateError: (
@@ -361,7 +372,7 @@ const deDE = {
     dismissButtonLabel: "Drücken Sie die ENTF-Taste, um diese Registerkarte zu schließen"
   },
   searchableSelect: {
-    clearButtonLabel: "Löschen",
+    clearButtonLabel: "Auswahl löschen",
     noOptionsMessage: "Keine Optionen",
     noMatchesMessage: "Keine Optionen gefunden",
     loadingOptionsMessage: "Laden...",
@@ -379,7 +390,7 @@ const deDE = {
     ),
     optionFocusedMessage: (
       /* istanbul ignore next */
-      (name, position, total) => `Option ${name} fokussiert, ${position} von ${total}.`
+      (name, position, total, selected) => `Option ${name} fokussiert, ${selected ? "ausgewählt, " : ""}${position} von ${total}.`
     ),
     maxSelectedMessage: (
       /* istanbul ignore next */
@@ -434,6 +445,12 @@ const deDE = {
       /* istanbul ignore next */
       (index) => `Weiter zu Seite ${index}`
     )
+  },
+  tag: {
+    remove: (
+      /* istanbul ignore next */
+      (label) => `Entfernen ${label}`
+    )
   }
 };
 

package/locales/en-GB.cjs

@@ -80,6 +80,17 @@ const enGB = {
     prevMonthLabel: "Previous month",
     nextMonthLabel: "Next month",
     nextYearLabel: "Next year",
+    todayLabel: "today",
+    selectedLabel: "selected",
+    currentLabel: "current",
+    changeMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Change month, ${month} selected`
+    ),
+    showCalendarForMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Show calendar for ${month}`
+    ),
     invalidDateError: "Please enter a valid date.",
     invalidDateRangeError: "Please enter a valid date range.",
     startDateAfterMinDateError: (
@@ -195,7 +206,7 @@ const enGB = {
     dismissButtonLabel: "Press the DELETE key to close this tab"
   },
   searchableSelect: {
-    clearButtonLabel: "Clear",
+    clearButtonLabel: "Clear selection",
     noOptionsMessage: "No options",
     noMatchesMessage: "No options found",
     loadingOptionsMessage: "Loading...",
@@ -213,7 +224,7 @@ const enGB = {
     ),
     optionFocusedMessage: (
       /* istanbul ignore next */
-      (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+      (name, position, total, selected) => `Option ${name} focused, ${selected ? "selected, " : ""}${position} of ${total}.`
     ),
     maxSelectedMessage: (
       /* istanbul ignore next */
@@ -268,6 +279,12 @@ const enGB = {
       /* istanbul ignore next */
       (index) => `Go to page ${index}`
     )
+  },
+  tag: {
+    remove: (
+      /* istanbul ignore next */
+      (label) => `Remove ${label}`
+    )
   }
 };
 

package/locales/en-GB.js

@@ -78,6 +78,17 @@ const enGB = {
     prevMonthLabel: "Previous month",
     nextMonthLabel: "Next month",
     nextYearLabel: "Next year",
+    todayLabel: "today",
+    selectedLabel: "selected",
+    currentLabel: "current",
+    changeMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Change month, ${month} selected`
+    ),
+    showCalendarForMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Show calendar for ${month}`
+    ),
     invalidDateError: "Please enter a valid date.",
     invalidDateRangeError: "Please enter a valid date range.",
     startDateAfterMinDateError: (
@@ -193,7 +204,7 @@ const enGB = {
     dismissButtonLabel: "Press the DELETE key to close this tab"
   },
   searchableSelect: {
-    clearButtonLabel: "Clear",
+    clearButtonLabel: "Clear selection",
     noOptionsMessage: "No options",
     noMatchesMessage: "No options found",
     loadingOptionsMessage: "Loading...",
@@ -211,7 +222,7 @@ const enGB = {
     ),
     optionFocusedMessage: (
       /* istanbul ignore next */
-      (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+      (name, position, total, selected) => `Option ${name} focused, ${selected ? "selected, " : ""}${position} of ${total}.`
     ),
     maxSelectedMessage: (
       /* istanbul ignore next */
@@ -266,6 +277,12 @@ const enGB = {
       /* istanbul ignore next */
       (index) => `Go to page ${index}`
     )
+  },
+  tag: {
+    remove: (
+      /* istanbul ignore next */
+      (label) => `Remove ${label}`
+    )
   }
 };
 

package/locales/en-US.cjs

@@ -248,6 +248,17 @@ const enUS = {
     prevMonthLabel: "Previous month",
     nextMonthLabel: "Next month",
     nextYearLabel: "Next year",
+    todayLabel: "today",
+    selectedLabel: "selected",
+    currentLabel: "current",
+    changeMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Change month, ${month} selected`
+    ),
+    showCalendarForMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Show calendar for ${month}`
+    ),
     invalidDateError: "Please enter a valid date.",
     invalidDateRangeError: "Please enter a valid date range.",
     startDateAfterMinDateError: (
@@ -363,7 +374,7 @@ const enUS = {
     dismissButtonLabel: "Press the DELETE key to close this tab"
   },
   searchableSelect: {
-    clearButtonLabel: "Clear",
+    clearButtonLabel: "Clear selection",
     noOptionsMessage: "No options",
     noMatchesMessage: "No options found",
     loadingOptionsMessage: "Loading...",
@@ -381,7 +392,7 @@ const enUS = {
     ),
     optionFocusedMessage: (
       /* istanbul ignore next */
-      (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+      (name, position, total, selected) => `Option ${name} focused, ${selected ? "selected, " : ""}${position} of ${total}.`
     ),
     maxSelectedMessage: (
       /* istanbul ignore next */
@@ -436,6 +447,12 @@ const enUS = {
       /* istanbul ignore next */
       (index) => `Go to page ${index}`
     )
+  },
+  tag: {
+    remove: (
+      /* istanbul ignore next */
+      (label) => `Remove ${label}`
+    )
   }
 };
 

package/locales/en-US.js

@@ -246,6 +246,17 @@ const enUS = {
     prevMonthLabel: "Previous month",
     nextMonthLabel: "Next month",
     nextYearLabel: "Next year",
+    todayLabel: "today",
+    selectedLabel: "selected",
+    currentLabel: "current",
+    changeMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Change month, ${month} selected`
+    ),
+    showCalendarForMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `Show calendar for ${month}`
+    ),
     invalidDateError: "Please enter a valid date.",
     invalidDateRangeError: "Please enter a valid date range.",
     startDateAfterMinDateError: (
@@ -361,7 +372,7 @@ const enUS = {
     dismissButtonLabel: "Press the DELETE key to close this tab"
   },
   searchableSelect: {
-    clearButtonLabel: "Clear",
+    clearButtonLabel: "Clear selection",
     noOptionsMessage: "No options",
     noMatchesMessage: "No options found",
     loadingOptionsMessage: "Loading...",
@@ -379,7 +390,7 @@ const enUS = {
     ),
     optionFocusedMessage: (
       /* istanbul ignore next */
-      (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+      (name, position, total, selected) => `Option ${name} focused, ${selected ? "selected, " : ""}${position} of ${total}.`
     ),
     maxSelectedMessage: (
       /* istanbul ignore next */
@@ -434,6 +445,12 @@ const enUS = {
       /* istanbul ignore next */
       (index) => `Go to page ${index}`
     )
+  },
+  tag: {
+    remove: (
+      /* istanbul ignore next */
+      (label) => `Remove ${label}`
+    )
   }
 };
 

package/locales/ja-JP.cjs

@@ -247,6 +247,17 @@ const jaJP = {
     prevMonthLabel: "前月",
     nextMonthLabel: "次月",
     nextYearLabel: "翌年",
+    todayLabel: "今日",
+    selectedLabel: "選択済",
+    currentLabel: "現在",
+    changeMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `月を変更, ${month}が選択されています`
+    ),
+    showCalendarForMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `${month}のカレンダーを表示`
+    ),
     invalidDateError: "有効な日付を入力してください。",
     invalidDateRangeError: "有効な日付範囲を入力してください。",
     startDateAfterMinDateError: (
@@ -362,7 +373,7 @@ const jaJP = {
     dismissButtonLabel: "このタブを閉じるにはDELETEキーを押してください"
   },
   searchableSelect: {
-    clearButtonLabel: "クリア",
+    clearButtonLabel: "選択をクリア",
     noOptionsMessage: "オプションがありません",
     noMatchesMessage: "オプションが見つかりません",
     loadingOptionsMessage: "読み込み中...",
@@ -380,7 +391,7 @@ const jaJP = {
     ),
     optionFocusedMessage: (
       /* istanbul ignore next */
-      (name, position, total) => `オプション ${name} がフォーカスされました。${position}/${total}`
+      (name, position, total, selected) => `オプション ${name} ${selected ? ", 選択, " : ""} がフォーカスされました。${position}/${total}`
     ),
     maxSelectedMessage: (
       /* istanbul ignore next */
@@ -435,6 +446,12 @@ const jaJP = {
       /* istanbul ignore next */
       (index) => `${index}ページへ`
     )
+  },
+  tag: {
+    remove: (
+      /* istanbul ignore next */
+      (label) => `削除する ${label}`
+    )
   }
 };
 

package/locales/ja-JP.js

@@ -245,6 +245,17 @@ const jaJP = {
     prevMonthLabel: "前月",
     nextMonthLabel: "次月",
     nextYearLabel: "翌年",
+    todayLabel: "今日",
+    selectedLabel: "選択済",
+    currentLabel: "現在",
+    changeMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `月を変更, ${month}が選択されています`
+    ),
+    showCalendarForMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `${month}のカレンダーを表示`
+    ),
     invalidDateError: "有効な日付を入力してください。",
     invalidDateRangeError: "有効な日付範囲を入力してください。",
     startDateAfterMinDateError: (
@@ -360,7 +371,7 @@ const jaJP = {
     dismissButtonLabel: "このタブを閉じるにはDELETEキーを押してください"
   },
   searchableSelect: {
-    clearButtonLabel: "クリア",
+    clearButtonLabel: "選択をクリア",
     noOptionsMessage: "オプションがありません",
     noMatchesMessage: "オプションが見つかりません",
     loadingOptionsMessage: "読み込み中...",
@@ -378,7 +389,7 @@ const jaJP = {
     ),
     optionFocusedMessage: (
       /* istanbul ignore next */
-      (name, position, total) => `オプション ${name} がフォーカスされました。${position}/${total}`
+      (name, position, total, selected) => `オプション ${name} ${selected ? ", 選択, " : ""} がフォーカスされました。${position}/${total}`
     ),
     maxSelectedMessage: (
       /* istanbul ignore next */
@@ -433,6 +444,12 @@ const jaJP = {
       /* istanbul ignore next */
       (index) => `${index}ページへ`
     )
+  },
+  tag: {
+    remove: (
+      /* istanbul ignore next */
+      (label) => `削除する ${label}`
+    )
   }
 };
 

package/locales/zh-CN.cjs

@@ -249,6 +249,17 @@ const zhCN = {
     prevMonthLabel: "上个月",
     nextMonthLabel: "下个月",
     nextYearLabel: "下一年",
+    todayLabel: "今天",
+    selectedLabel: "已选择",
+    currentLabel: "当前",
+    changeMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `更改月份, ${month}已选择`
+    ),
+    showCalendarForMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `显示 ${month} 的日历`
+    ),
     invalidDateError: "请输入有效的日期。",
     invalidDateRangeError: "请输入有效的日期范围。",
     startDateAfterMinDateError: (
@@ -364,7 +375,7 @@ const zhCN = {
     dismissButtonLabel: "按 DELETE 键关闭此选项卡"
   },
   searchableSelect: {
-    clearButtonLabel: "清除",
+    clearButtonLabel: "清除选择",
     noOptionsMessage: "没有选项",
     noMatchesMessage: "未找到选项",
     loadingOptionsMessage: "加载中...",
@@ -382,7 +393,7 @@ const zhCN = {
     ),
     optionFocusedMessage: (
       /* istanbul ignore next */
-      (name, position, total) => `选项 ${name} 已聚焦, ${position} 的 ${total}。`
+      (name, position, total, selected) => `选项 ${name} 已聚焦, ${selected ? "已选择, " : ""}${position} 的 ${total}。`
     ),
     maxSelectedMessage: (
       /* istanbul ignore next */
@@ -437,6 +448,12 @@ const zhCN = {
       /* istanbul ignore next */
       (index) => `转至第 ${index} 页`
     )
+  },
+  tag: {
+    remove: (
+      /* istanbul ignore next */
+      (label) => `移除 ${label}`
+    )
   }
 };
 

package/locales/zh-CN.js

@@ -247,6 +247,17 @@ const zhCN = {
     prevMonthLabel: "上个月",
     nextMonthLabel: "下个月",
     nextYearLabel: "下一年",
+    todayLabel: "今天",
+    selectedLabel: "已选择",
+    currentLabel: "当前",
+    changeMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `更改月份, ${month}已选择`
+    ),
+    showCalendarForMonthLabel: (
+      /* istanbul ignore next */
+      (month) => `显示 ${month} 的日历`
+    ),
     invalidDateError: "请输入有效的日期。",
     invalidDateRangeError: "请输入有效的日期范围。",
     startDateAfterMinDateError: (
@@ -362,7 +373,7 @@ const zhCN = {
     dismissButtonLabel: "按 DELETE 键关闭此选项卡"
   },
   searchableSelect: {
-    clearButtonLabel: "清除",
+    clearButtonLabel: "清除选择",
     noOptionsMessage: "没有选项",
     noMatchesMessage: "未找到选项",
     loadingOptionsMessage: "加载中...",
@@ -380,7 +391,7 @@ const zhCN = {
     ),
     optionFocusedMessage: (
       /* istanbul ignore next */
-      (name, position, total) => `选项 ${name} 已聚焦, ${position} 的 ${total}。`
+      (name, position, total, selected) => `选项 ${name} 已聚焦, ${selected ? "已选择, " : ""}${position} 的 ${total}。`
     ),
     maxSelectedMessage: (
       /* istanbul ignore next */
@@ -435,6 +446,12 @@ const zhCN = {
       /* istanbul ignore next */
       (index) => `转至第 ${index} 页`
     )
+  },
+  tag: {
+    remove: (
+      /* istanbul ignore next */
+      (label) => `移除 ${label}`
+    )
   }
 };
 

package/package.json

@@ -1,46 +1,74 @@
 {
-	"name": "@vonage/vivid",
-	"version": "4.26.0",
-	"type": "module",
-	"module": "./index.js",
-	"main": "./index.cjs",
-	"exports": {
-		".": {
-			"types": "./index.d.ts",
-			"import": "./index.js",
-			"require": "./index.cjs"
-		},
-		"./*": {
-			"types": "./*/index.d.ts",
-			"import": "./*/index.js",
-			"require": "./*/index.cjs"
-		},
-		"./locales/*": {
-			"types": "./locales/*.d.ts",
-			"import": "./locales/*.js",
-			"require": "./locales/*.cjs"
-		},
-		"./*.css": "./*.css"
-	},
-	"sideEffects": [
-		"./*/index.js",
-		"./*/index.cjs",
-		"*.css"
-	],
-	"customElements": "./custom-elements.json",
-	"homepage": "https://vivid.deno.dev",
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/vonage/vivid-3",
-		"directory": "libs/components"
-	},
-	"bugs": {
-		"url": "https://github.com/Vonage/vivid-3/issues"
-	},
-	"license": "Apache-2.0",
-	"dependencies": {
-		"@floating-ui/dom": "^1.6.13",
-		"@microsoft/fast-element": "^1.14.0",
-		"@microsoft/fast-web-utilities": "^6.0.0"
-	}
-}
+  "name": "@vonage/vivid",
+  "version": "4.28.0",
+  "type": "module",
+  "module": "./index.js",
+  "main": "./index.cjs",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "require": "./index.cjs"
+    },
+    "./*": {
+      "types": "./*/index.d.ts",
+      "import": "./*/index.js",
+      "require": "./*/index.cjs"
+    },
+    "./locales/*": {
+      "types": "./locales/*.d.ts",
+      "import": "./locales/*.js",
+      "require": "./locales/*.cjs"
+    },
+    "./*.css": "./*.css"
+  },
+  "sideEffects": [
+    "./*/index.js",
+    "./*/index.cjs",
+    "*.css"
+  ],
+  "customElements": "custom-elements.json",
+  "homepage": "https://vivid.deno.dev",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vonage/vivid-3",
+    "directory": "libs/components"
+  },
+  "bugs": {
+    "url": "https://github.com/Vonage/vivid-3/issues"
+  },
+  "license": "Apache-2.0",
+  "scripts": {
+    "prebuild": "cem analyze --config ./cem.config.mjs",
+    "build": "vite build",
+    "postbuild": "api-extractor run -c ./dist/api-extractor.json && tsx scripts/copyPackageJson.ts",
+    "dev": "WATCH_MODE=true vite build -w",
+    "lint": "eslint . --max-warnings=0",
+    "lint:fix": "eslint . --max-warnings=0 --fix",
+    "stylelint": "stylelint 'src/**/*.{css,scss}'",
+    "stylelint:fix": "stylelint 'src/**/*.{css,scss}' --fix",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "e2e": "playwright test",
+    "e2e:ui": "playwright test --ui",
+    "e2e:docker": "PW_TEST_CONNECT_WS_ENDPOINT=ws://0.0.0.0:3000/ playwright test",
+    "e2e:docker:ui": "PW_TEST_CONNECT_WS_ENDPOINT=ws://0.0.0.0:3000/ playwright test --ui",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.6.13",
+    "@microsoft/fast-element": "^1.14.0",
+    "@microsoft/fast-web-utilities": "^6.0.0"
+  },
+  "devDependencies": {
+    "@repo/cem-analyzer-plugins": "*",
+    "@repo/consts": "*",
+    "@repo/eslint-config": "*",
+    "@repo/eslint-plugin-repo": "*",
+    "@repo/shared": "*",
+    "@repo/stylelint-config": "*",
+    "@repo/styles": "*",
+    "@repo/typescript-config": "*",
+    "@repo/vitest-config": "*"
+  }
+}