next: updated shadcn

Author: niemyjski

src/Exceptionless.Web/ClientApp/.storybook/main.ts

@@ -1,12 +1,7 @@
 import type { StorybookConfig } from '@storybook/sveltekit';
 
 const config: StorybookConfig = {
-    addons: [
-        '@storybook/addon-svelte-csf',
-        '@chromatic-com/storybook',
-        '@storybook/addon-a11y',
-        '@storybook/addon-docs'
-    ],
+    addons: ['@storybook/addon-svelte-csf', '@chromatic-com/storybook', '@storybook/addon-a11y', '@storybook/addon-docs'],
     framework: {
         name: '@storybook/sveltekit',
         options: {}

src/Exceptionless.Web/ClientApp/eslint.config.js

@@ -1,10 +1,9 @@
-// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
-import storybook from "eslint-plugin-storybook";
-
 import { includeIgnoreFile } from '@eslint/compat';
 import js from '@eslint/js';
 import prettier from 'eslint-config-prettier';
 import perfectionist from 'eslint-plugin-perfectionist';
+// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
+import storybook from 'eslint-plugin-storybook';
 import svelte from 'eslint-plugin-svelte';
 import globals from 'globals';
 import { fileURLToPath } from 'node:url';
@@ -43,5 +42,5 @@ export default ts.config(
             'perfectionist/sort-svelte-attributes': 'off'
         }
     },
-    storybook.configs["flat/recommended"]
+    storybook.configs['flat/recommended']
 );

src/Exceptionless.Web/ClientApp/package.json

@@ -95,4 +95,4 @@
     "overrides": {
         "storybook": "$storybook"
     }
-}
+}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/form/form-element-field.svelte

@@ -1,11 +1,6 @@
-<script lang="ts" module>
-	import type { FormPathLeaves as _FormPathLeaves } from "sveltekit-superforms";
-	type T = Record<string, unknown>;
-	type U = _FormPathLeaves<T>;
-</script>
-
-<script lang="ts" generics="T extends Record<string, unknown>, U extends _FormPathLeaves<T>">
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPathLeaves<T>">
 	import * as FormPrimitive from "formsnap";
+	import type { FormPathLeaves } from "sveltekit-superforms";
 	import type { HTMLAttributes } from "svelte/elements";
 	import { cn, type WithElementRef, type WithoutChildren } from "$lib/utils.js";
 

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/form/form-field.svelte

@@ -1,11 +1,6 @@
-<script lang="ts" module>
-	import type { FormPath as _FormPath } from "sveltekit-superforms";
-	type T = Record<string, unknown>;
-	type U = _FormPath<T>;
-</script>
-
-<script lang="ts" generics="T extends Record<string, unknown>, U extends _FormPath<T>">
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
 	import * as FormPrimitive from "formsnap";
+	import type { FormPath } from "sveltekit-superforms";
 	import { cn, type WithElementRef, type WithoutChildren } from "$lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/form/form-fieldset.svelte

@@ -1,11 +1,6 @@
-<script lang="ts" module>
-	import type { FormPath as _FormPath } from "sveltekit-superforms";
-	type T = Record<string, unknown>;
-	type U = _FormPath<T>;
-</script>
-
-<script lang="ts" generics="T extends Record<string, unknown>, U extends _FormPath<T>">
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
 	import * as FormPrimitive from "formsnap";
+	import type { FormPath } from "sveltekit-superforms";
 	import { cn, type WithoutChild } from "$lib/utils.js";
 
 	let {

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/tooltip/tooltip-content.svelte

@@ -33,10 +33,10 @@
 				<div
 					class={cn(
 						"bg-primary z-50 size-2.5 rotate-45 rounded-[2px]",
-						side === "top" && "translate-x-1/2 translate-y-[calc(-50%_+_2px)]",
-						side === "bottom" && "-translate-x-1/2 -translate-y-[calc(-50%_+_1px)]",
-						side === "right" && "translate-x-[calc(50%_+_2px)] translate-y-1/2",
-						side === "left" && "-translate-y-[calc(50%_-_3px)]",
+						"data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%_+_2px)]",
+						"data-[side=bottom]:-translate-y-[calc(-50%_+_1px)] data-[side=bottom]:translate-x-1/2",
+						"data-[side=right]:translate-x-[calc(50%_+_2px)] data-[side=right]:translate-y-1/2",
+						"data-[side=left]:translate-y-[calc(50%_-_3px)]",
 						arrowClasses
 					)}
 					{...props}