@stubber/ui 1.0.9 → 1.0.12

package/dist/components/scroll-area/scroll-area.svelte.d.ts

@@ -5,12 +5,12 @@ declare const __propDef: {
         dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
         hideDelay?: number | undefined;
     } & {
-        asChild?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
-        orientation?: "vertical" | "horizontal" | "both" | undefined;
-        scrollbarXClasses?: string | undefined;
-        scrollbarYClasses?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "both";
+        scrollbarXClasses?: string;
+        scrollbarYClasses?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -18,6 +18,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ScrollAreaProps = typeof __propDef.props;
 export type ScrollAreaEvents = typeof __propDef.events;

package/dist/components/select/select-label.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SelectLabelProps = typeof __propDef.props;
 export type SelectLabelEvents = typeof __propDef.events;

package/dist/components/select/select-separator.svelte.d.ts

@@ -6,6 +6,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SelectSeparatorProps = typeof __propDef.props;
 export type SelectSeparatorEvents = typeof __propDef.events;

package/dist/components/select/select-trigger.svelte.d.ts

@@ -17,7 +17,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "input" | "keydown">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"input" | "click" | "keydown">;
             };
         };
     };

package/dist/components/separator/separator.svelte.d.ts

@@ -6,6 +6,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SeparatorProps = typeof __propDef.props;
 export type SeparatorEvents = typeof __propDef.events;

package/dist/components/sheet/index.d.ts

@@ -18,7 +18,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.d.ts").TVConfig<{
     side: {
         top: string;
         bottom: string;
@@ -46,7 +46,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.d.ts").TVConfig<{
     side: {
         top: string;
         bottom: string;

package/dist/components/sheet/index.js

@@ -19,7 +19,7 @@ export const sheetVariants = tv({
         side: {
             top: "inset-x-0 top-0 border-b",
             bottom: "inset-x-0 bottom-0 border-t",
-            left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+            left: "inset-y-0 left-0 h-full border-r",
             right: "inset-y-0 right-0 h-full w-3/4  border-l sm:max-w-sm",
         },
     },

package/dist/components/sheet/sheet-content.svelte.d.ts

@@ -8,11 +8,11 @@ declare const __propDef: {
         inTransitionConfig?: any;
         outTransition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
         outTransitionConfig?: any;
-        asChild?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
         side?: Side;
-        hasOverlay?: boolean | undefined;
+        hasOverlay?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -20,6 +20,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SheetContentProps = typeof __propDef.props;
 export type SheetContentEvents = typeof __propDef.events;

package/dist/components/sheet/sheet-description.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SheetDescriptionProps = typeof __propDef.props;
 export type SheetDescriptionEvents = typeof __propDef.events;

package/dist/components/sheet/sheet-footer.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SheetFooterProps = typeof __propDef.props;
 export type SheetFooterEvents = typeof __propDef.events;

package/dist/components/sheet/sheet-header.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SheetHeaderProps = typeof __propDef.props;
 export type SheetHeaderEvents = typeof __propDef.events;

package/dist/components/sheet/sheet-overlay.svelte.d.ts

@@ -6,6 +6,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SheetOverlayProps = typeof __propDef.props;
 export type SheetOverlayEvents = typeof __propDef.events;

package/dist/components/sheet/sheet-portal.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SheetPortalProps = typeof __propDef.props;
 export type SheetPortalEvents = typeof __propDef.events;

package/dist/components/sheet/sheet-title.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SheetTitleProps = typeof __propDef.props;
 export type SheetTitleEvents = typeof __propDef.events;

package/dist/components/sonner/sonner.svelte

@@ -5,8 +5,7 @@
   class="toaster group"
   toastOptions={{
     classes: {
-      toast:
-        "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+      toast: "group toast group-[.toaster]:shadow-lg",
       description: "group-[.toast]:text-muted-foreground",
       actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
       cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",

package/dist/components/sonner/sonner.svelte.d.ts

@@ -6,10 +6,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 type SonnerProps_ = typeof __propDef.props;
 export { SonnerProps_ as SonnerProps };
 export type SonnerEvents = typeof __propDef.events;
 export type SonnerSlots = typeof __propDef.slots;
-export default class Sonner extends SvelteComponent<SonnerProps, SonnerEvents, SonnerSlots> {
+export default class Sonner extends SvelteComponent<SonnerProps_, SonnerEvents, SonnerSlots> {
 }

package/dist/components/switch/index.d.ts

@@ -1,2 +1,94 @@
+import { type VariantProps } from "tailwind-variants";
 import Root from "./switch.svelte";
-export { Root, Root as Switch, };
+import { Switch as SwitchPrimitive } from "bits-ui";
+declare const switchVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}, undefined, "focus-visible:ring-ring focus-visible:ring-offset-background data-[state=unchecked]:bg-gray-200 peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-lg border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config.d.ts").TVConfig<{
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}, {
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}, undefined, "focus-visible:ring-ring focus-visible:ring-offset-background data-[state=unchecked]:bg-gray-200 peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-lg border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config.d.ts").TVConfig<{
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}, {
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const thumbVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}, undefined, "bg-background pointer-events-none flex items-center justify-center h-5 w-5 rounded-lg shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0", import("tailwind-variants/dist/config.d.ts").TVConfig<{
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}, {
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}, undefined, "bg-background pointer-events-none flex items-center justify-center h-5 w-5 rounded-lg shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0", import("tailwind-variants/dist/config.d.ts").TVConfig<{
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}, {
+    variant: {
+        default: string;
+        developer: string;
+        secondary: string;
+    };
+}>, unknown, unknown, undefined>>;
+type Variant = VariantProps<typeof switchVariants>["variant"];
+type Props = SwitchPrimitive.Props & {
+    variant?: Variant;
+};
+export { Root, type Props, Root as Switch, type Props as SwitchProps, switchVariants, thumbVariants, };

package/dist/components/switch/index.js

@@ -1,4 +1,32 @@
+import { tv } from "tailwind-variants";
 import Root from "./switch.svelte";
+import { Switch as SwitchPrimitive } from "bits-ui";
+const switchVariants = tv({
+    base: "focus-visible:ring-ring focus-visible:ring-offset-background data-[state=unchecked]:bg-gray-200 peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-lg border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+    variants: {
+        variant: {
+            default: "data-[state=checked]:bg-primary-500",
+            developer: "data-[state=checked]:bg-info-600",
+            secondary: "data-[state=checked]:bg-gray-800",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const thumbVariants = tv({
+    base: "bg-background pointer-events-none flex items-center justify-center h-5 w-5 rounded-lg shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+    variants: {
+        variant: {
+            default: "",
+            developer: "fa-regular fa-code text-[0.6rem]",
+            secondary: "",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
 export { Root, 
 //
-Root as Switch, };
+Root as Switch, switchVariants, thumbVariants, };

package/dist/components/switch/switch.svelte

@@ -1,30 +1,18 @@
 <script>import { Switch as SwitchPrimitive } from "bits-ui";
 import { cn } from "../../utils/shadcn-utils.js";
+import { switchVariants, thumbVariants } from "./index.js";
 let className = void 0;
 export let checked = void 0;
 export let variant = "default";
 export { className as class };
-const variants = {
-  default: "data-[state=checked]:bg-primary-500 data-[state=unchecked]:bg-gray-200",
-  primary: "data-[state=checked]:bg-info-600 data-[state=unchecked]:bg-gray-200",
-  secondary: "data-[state=checked]:bg-gray-800 data-[state=unchecked]:bg-gray-200"
-};
 </script>
 
 <SwitchPrimitive.Root
   bind:checked
-  class={cn(
-    "focus-visible:ring-ring focus-visible:ring-offset-background peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-lg border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-    variants[variant],
-    className
-  )}
+  class={cn(switchVariants({ variant, className }))}
   {...$$restProps}
   on:click
   on:keydown
 >
-  <SwitchPrimitive.Thumb
-    class={cn(
-      "bg-background pointer-events-none block h-5 w-5 rounded-lg shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
-    )}
-  />
+  <SwitchPrimitive.Thumb class={cn(thumbVariants({ variant }))} />
 </SwitchPrimitive.Root>

package/dist/components/switch/switch.svelte.d.ts

@@ -1,7 +1,8 @@
 import { SvelteComponent } from "svelte";
 import { Switch as SwitchPrimitive } from "bits-ui";
+import { type Props } from "./index.js";
 declare const __propDef: {
-    props: SwitchPrimitive.Props;
+    props: Props;
     slots: {};
     events: SwitchPrimitive.Events;
 };

package/dist/components/tabs/tabs-content.svelte

@@ -8,6 +8,7 @@ export { className as class };
 <TabsPrimitive.Content
   class={cn(
     "ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+    "data-[state=active]:block data-[state=inactive]:hidden",
     className
   )}
   {value}

package/dist/components/tabs/tabs-content.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TabsContentProps = typeof __propDef.props;
 export type TabsContentEvents = typeof __propDef.events;

package/dist/components/tabs/tabs-list.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TabsListProps = typeof __propDef.props;
 export type TabsListEvents = typeof __propDef.events;

package/dist/components/textarea/textarea.svelte.d.ts

@@ -10,5 +10,5 @@ export type TextareaProps = typeof __propDef.props;
 type TextareaEvents_ = typeof __propDef.events;
 export { TextareaEvents_ as TextareaEvents };
 export type TextareaSlots = typeof __propDef.slots;
-export default class Textarea extends SvelteComponent<TextareaProps, TextareaEvents, TextareaSlots> {
+export default class Textarea extends SvelteComponent<TextareaProps, TextareaEvents_, TextareaSlots> {
 }

package/dist/components/tooltip/tooltip-content.svelte

@@ -1,11 +1,11 @@
 <script>import { Tooltip as TooltipPrimitive } from "bits-ui";
 import { cn, flyAndScale } from "../../utils/shadcn-utils.js";
 let className = void 0;
-export let sideOffset = 4;
+export let sideOffset = 12;
 export let transition = flyAndScale;
 export let transitionConfig = {
   y: 8,
-  duration: 150
+  duration: 80
 };
 export { className as class };
 </script>

package/dist/components/tooltip/tooltip-content.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TooltipContentProps = typeof __propDef.props;
 export type TooltipContentEvents = typeof __propDef.events;

package/dist/decorators/DecoratorHorizontalTabs.svelte.d.ts

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/decorators/DecoratorTransparentButton.svelte.d.ts

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/decorators/FixedWidthDecorator.svelte.d.ts

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/index.d.ts

@@ -1,6 +1,3 @@
-export { default as PrimaryButton } from "./components/PrimaryButton.svelte";
-export { default as IconButton } from "./components/IconButton.svelte";
-export { default as Chip } from "./components/Chip.svelte";
 export { default as HorizontalTabs } from "./components/HorizontalTabs.svelte";
 export { default as ProfileMenu } from "./components/ProfileMenu.svelte";
 export { default as Breadcrumbs } from "./components/Breadcrumbs.svelte";
@@ -13,9 +10,6 @@ export { default as Modal } from "./components/Modal.svelte";
 export { default as Alert } from "./components/Alert.svelte";
 export { default as StandardInput } from "./components/fields/StandardInput.svelte";
 export { default as SpinnerMessage } from "./atoms/SpinnerMessage.svelte";
-export { default as TextOnlyButton } from "./atoms/TextOnlyButton.svelte";
 export { default as TextInput } from "./components/Inputs/TextInput.svelte";
 export { default as PasswordInput } from "./components/Inputs/PasswordInput.svelte";
 export { default as PasswordStrengthValidator } from "./components/PasswordStrengthValidator.svelte";
-export { default as Tooltip } from "./components/Tooltip.svelte";
-export * from "./components/button/index.js";

package/dist/index.js

@@ -1,8 +1,8 @@
 // Reexport your entry components here
 
-export { default as PrimaryButton } from "./components/PrimaryButton.svelte";
-export { default as IconButton } from "./components/IconButton.svelte";
-export { default as Chip } from "./components/Chip.svelte";
+// export { default as PrimaryButton } from "./components/PrimaryButton.svelte";
+// export { default as IconButton } from "./components/IconButton.svelte";
+// export { default as Chip } from "./components/Chip.svelte";
 export { default as HorizontalTabs } from "./components/HorizontalTabs.svelte";
 export { default as ProfileMenu } from "./components/ProfileMenu.svelte";
 export { default as Breadcrumbs } from "./components/Breadcrumbs.svelte";
@@ -20,12 +20,12 @@ export { default as DocsIcon } from "./assets/docs-icon.svg";
 
 //legacy components
 export { default as SpinnerMessage } from "./atoms/SpinnerMessage.svelte";
-export { default as TextOnlyButton } from "./atoms/TextOnlyButton.svelte";
+// export { default as TextOnlyButton } from "./atoms/TextOnlyButton.svelte";
 
 export { default as TextInput } from "./components/Inputs/TextInput.svelte";
 export { default as PasswordInput } from "./components/Inputs/PasswordInput.svelte";
 export { default as PasswordStrengthValidator } from "./components/PasswordStrengthValidator.svelte";
-export { default as Tooltip } from "./components/Tooltip.svelte";
+// export { default as Tooltip } from "./components/Tooltip.svelte";
 
-// new base components using bits-ui
-export * from "./components/button/index.js";
+// new base components using bits-ui should all be imported from their own folder
+// import { Button } from "@stubber/ui/button";

package/dist/styles/stubber/typography.css

@@ -1,5 +1,10 @@
 @import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
 
+html,
+body {
+  font-family: "Inter", Arial, Helvetica, sans-serif;
+}
+
 @layer base {
   .text-heading-1,
   .text-heading-2,
@@ -116,4 +121,4 @@
       font-weight: 300;
     }
   }
-}
+}

package/dist/utils/shadcn-utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { ClassValue } from "clsx";
 import type { TransitionConfig } from "svelte/transition";
 export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@stubber/ui",
-  "version": "1.0.9",
+  "version": "1.0.12",
   "scripts": {
     "dev": "vite dev",
-    "build": "vite build && npm run package",
+    "build": "vite build && pnpm run package && node ./fix_dts_imports.js",
     "preview": "vite preview",
     "package": "svelte-kit sync && svelte-package && cp src/app.css dist/ && cp -r src/styles dist/ && cp tailwind.config.js dist/ && publint",
-    "prepublishOnly": "npm run package",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "storybook": "storybook dev -p 6006",
@@ -20,7 +19,11 @@
     },
     "./app.css": "./dist/app.css",
     "./styles/*": "./dist/styles/*",
-    "./tailwind.config.js": "./dist/tailwind.config.js"
+    "./tailwind.config.js": "./dist/tailwind.config.js",
+    "./*": {
+      "types": "./dist/components/*/index.d.ts",
+      "svelte": "./dist/components/*/index.js"
+    }
   },
   "files": [
     "dist"
@@ -29,32 +32,30 @@
     "svelte": "^4.2.19"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.0.0-rc.9",
-    "@storybook/addon-interactions": "^7.0.0-rc.9",
-    "@storybook/addon-links": "^7.0.0-rc.9",
-    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
     "@storybook/addon-svelte-csf": "^4.2.0",
-    "@storybook/blocks": "^7.0.0-rc.9",
-    "@storybook/svelte": "^7.0.0-rc.9",
-    "@storybook/sveltekit": "^7.0.0-rc.9",
-    "@storybook/testing-library": "^0.0.14-next.1",
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/kit": "^1.5.0",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/svelte": "^8.4.7",
+    "@storybook/sveltekit": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@sveltejs/adapter-node": "^2.0.0",
+    "@sveltejs/kit": "^2.0.0",
     "@sveltejs/package": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.21",
     "prettier": "^2.8.7",
     "prettier-plugin-svelte": "^2.10.0",
     "publint": "^0.1.9",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "storybook": "^7.0.0-rc.9",
+    "storybook": "^8.4.7",
     "svelte": "^4.2.19",
     "svelte-check": "^3.0.1",
     "tailwindcss": "^3.3.0",
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
-    "vite": "^4.2.0"
+    "vite": "^5.0.0"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -65,7 +66,15 @@
     "svelte-popperjs": "^1.3.2",
     "svelte-select": "^5.6.0",
     "svelte-sonner": "^0.3.28",
+    "tailwind-merge": "^2.5.5",
     "tailwind-variants": "^0.3.0",
     "tippy.js": "^6.3.7"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@sveltejs/kit",
+      "esbuild",
+      "svelte-preprocess"
+    ]
   }
 }