ui-ingredients 0.21.1 → 0.22.0

package/dist/angle-slider/create-angle-slider.svelte.js

@@ -13,8 +13,6 @@ export function createAngleSlider(props) {
         getRootNode: environment?.getRootNode,
         ...props,
     }));
-    // @ts-expect-error "Incompatible version of @zag-js/svelte"
     const [state, send] = useMachine(angleSlider.machine(context), { context });
-    // @ts-expect-error "Incompatible version of @zag-js/svelte"
     return reflect(() => angleSlider.connect(state, send, normalizeProps));
 }

package/dist/toast/create-toast.svelte.d.ts

@@ -1,4 +1,4 @@
-import * as toast from '@zag-js/toast';
+import * as toast from 'zagjs-legacy-toast';
 export interface CreateToastProps extends toast.Service {
 }
 export interface CreateToastReturn extends toast.Api {

package/dist/toast/create-toast.svelte.js

@@ -1,5 +1,5 @@
-import { normalizeProps, reflect, useActor } from '@zag-js/svelte';
-import * as toast from '@zag-js/toast';
+import { normalizeProps, reflect, useActor } from 'zagjs-legacy-svelte';
+import * as toast from 'zagjs-legacy-toast';
 export function createToast(props) {
     const [state, send] = useActor(props);
     return reflect(() => toast.connect(state, send, normalizeProps));

package/dist/toast/create-toaster.svelte.d.ts

@@ -1,4 +1,4 @@
-import * as toast from '@zag-js/toast';
+import * as toast from 'zagjs-legacy-toast';
 export interface CreateToasterProps extends Omit<Partial<toast.GroupMachineContext>, 'id' | 'dir' | 'getRootNode'> {
     id?: string;
     placement?: toast.Placement;

package/dist/toast/create-toaster.svelte.js

@@ -1,6 +1,6 @@
 import { createUniqueId } from '../create-unique-id.js';
-import { normalizeProps, reflect } from '@zag-js/svelte';
-import * as toast from '@zag-js/toast';
+import { normalizeProps, reflect } from 'zagjs-legacy-svelte';
+import * as toast from 'zagjs-legacy-toast';
 export function createToaster(props) {
     const id = createUniqueId();
     const machine = $derived(toast.group.machine({ id, ...props }));

package/dist/toast/toast-action-trigger.svelte

@@ -1,32 +1,29 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ToastActionTriggerProps
-    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getToastContext} from './toast-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: ToastActionTriggerProps = $props();
-
-  let context = getToastContext();
-
-  let mergedProps = $derived(
-    mergeProps(context.getActionTriggerProps(), props),
-  );
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <button bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </button>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ToastActionTriggerProps
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getToastContext} from './toast-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: ToastActionTriggerProps = $props();
+
+  let toast = getToastContext();
+  let mergedProps = $derived(mergeProps(toast.getActionTriggerProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/toast/toast-actor.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type {Service} from '@zag-js/toast';
   import type {Snippet} from 'svelte';
+  import type {Service} from 'zagjs-legacy-toast';
   import {createToast, type CreateToastReturn} from './create-toast.svelte.js';
   import {setToastContext} from './toast-context.svelte.js';
 

package/dist/toast/toast-actor.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Service } from '@zag-js/toast';
 import type { Snippet } from 'svelte';
+import type { Service } from 'zagjs-legacy-toast';
 import { type CreateToastReturn } from './create-toast.svelte.js';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/toast/toast-anatomy.d.ts

@@ -1 +1 @@
-export { anatomy } from '@zag-js/toast';
+export { anatomy } from 'zagjs-legacy-toast';

package/dist/toast/toast-anatomy.js

@@ -1 +1 @@
-export { anatomy } from '@zag-js/toast';
+export { anatomy } from 'zagjs-legacy-toast';

package/dist/toast/toast-close-trigger.svelte

@@ -1,30 +1,29 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ToastCloseTriggerProps
-    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getToastContext} from './toast-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: ToastCloseTriggerProps = $props();
-
-  let context = getToastContext();
-
-  let mergedProps = $derived(mergeProps(context.getCloseTriggerProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <button bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </button>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ToastCloseTriggerProps
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getToastContext} from './toast-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: ToastCloseTriggerProps = $props();
+
+  let toast = getToastContext();
+  let mergedProps = $derived(mergeProps(toast.getCloseTriggerProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/toast/toast-description.svelte

@@ -1,34 +1,33 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ToastDescriptionProps
-    extends HtmlIngredientProps<'p', HTMLParagraphElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getToastContext} from './toast-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: ToastDescriptionProps = $props();
-
-  let context = getToastContext();
-
-  let mergedProps = $derived(mergeProps(context.getDescriptionProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <p bind:this={ref} {...mergedProps}>
-    {#if children}
-      {@render children?.()}
-    {:else}
-      {context.description}
-    {/if}
-  </p>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ToastDescriptionProps
+    extends HtmlIngredientProps<'p', HTMLParagraphElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getToastContext} from './toast-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: ToastDescriptionProps = $props();
+
+  let toast = getToastContext();
+  let mergedProps = $derived(mergeProps(toast.getDescriptionProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <p bind:this={ref} {...mergedProps}>
+    {#if children}
+      {@render children?.()}
+    {:else}
+      {toast.description}
+    {/if}
+  </p>
+{/if}

package/dist/toast/toast-ghost-after.svelte

@@ -1,30 +1,29 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ToastGhostAfterProps
-    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getToastContext} from './toast-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: ToastGhostAfterProps = $props();
-
-  let context = getToastContext();
-
-  let mergedProps = $derived(mergeProps(context.getGhostAfterProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <span bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </span>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ToastGhostAfterProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getToastContext} from './toast-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: ToastGhostAfterProps = $props();
+
+  let toast = getToastContext();
+  let mergedProps = $derived(mergeProps(toast.getGhostAfterProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <span bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </span>
+{/if}

package/dist/toast/toast-ghost-before.svelte

@@ -1,30 +1,29 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ToastGhostBeforeProps
-    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getToastContext} from './toast-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: ToastGhostBeforeProps = $props();
-
-  let context = getToastContext();
-
-  let mergedProps = $derived(mergeProps(context.getGhostBeforeProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <span bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </span>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ToastGhostBeforeProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getToastContext} from './toast-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: ToastGhostBeforeProps = $props();
+
+  let toast = getToastContext();
+  let mergedProps = $derived(mergeProps(toast.getGhostBeforeProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <span bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </span>
+{/if}

package/dist/toast/toast-root.svelte

@@ -1,33 +1,32 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-  import type {CreateToastReturn} from './create-toast.svelte.js';
-
-  export interface ToastProps
-    extends HtmlIngredientProps<'div', HTMLDivElement, CreateToastReturn> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getToastContext} from './toast-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: ToastProps = $props();
-
-  let toast = getToastContext();
-
-  let mergedProps = $derived(mergeProps(toast.getRootProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps, toast)}
-{:else}
-  <div bind:this={ref} {...mergedProps}>
-    <div {...toast.getGhostBeforeProps()}></div>
-    {@render children?.(toast)}
-    <div {...toast.getGhostAfterProps()}></div>
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+  import type {CreateToastReturn} from './create-toast.svelte.js';
+
+  export interface ToastProps
+    extends HtmlIngredientProps<'div', HTMLDivElement, CreateToastReturn> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getToastContext} from './toast-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: ToastProps = $props();
+
+  let toast = getToastContext();
+  let mergedProps = $derived(mergeProps(toast.getRootProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, toast)}
+{:else}
+  <div bind:this={ref} {...mergedProps}>
+    <div {...toast.getGhostBeforeProps()}></div>
+    {@render children?.(toast)}
+    <div {...toast.getGhostAfterProps()}></div>
+  </div>
+{/if}

package/dist/toast/toast-title.svelte

@@ -1,34 +1,33 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ToastTitleProps
-    extends HtmlIngredientProps<'h2', HTMLHeadingElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getToastContext} from './toast-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: ToastTitleProps = $props();
-
-  let context = getToastContext();
-
-  let mergedProps = $derived(mergeProps(context.getTitleProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <h2 bind:this={ref} {...mergedProps}>
-    {#if children}
-      {@render children?.()}
-    {:else}
-      {context.title}
-    {/if}
-  </h2>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ToastTitleProps
+    extends HtmlIngredientProps<'h2', HTMLHeadingElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getToastContext} from './toast-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: ToastTitleProps = $props();
+
+  let toast = getToastContext();
+  let mergedProps = $derived(mergeProps(toast.getTitleProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <h2 bind:this={ref} {...mergedProps}>
+    {#if children}
+      {@render children?.()}
+    {:else}
+      {toast.title}
+    {/if}
+  </h2>
+{/if}

package/dist/toast/toaster.svelte

@@ -16,9 +16,10 @@
   import {getEnvironmentContext} from '../environment-provider/enviroment-provider-context.svelte.js';
   import {getLocaleContext} from '../locale-provider/local-provider-context.svelte.js';
   import {mergeProps} from '../merge-props.js';
-  import {normalizeProps, portal, useMachine} from '@zag-js/svelte';
-  import * as toast from '@zag-js/toast';
+  import {getPortalProviderPropsContext} from '../portal/portal-context.svelte.js';
   import type {HTMLAttributes} from 'svelte/elements';
+  import {normalizeProps, portal, useMachine} from 'zagjs-legacy-svelte';
+  import * as toast from 'zagjs-legacy-toast';
   import ToastActor from './toast-actor.svelte';
 
   let {
@@ -30,6 +31,7 @@
 
   let locale = getLocaleContext();
   let environment = getEnvironmentContext();
+  let portalProviderProps = getPortalProviderPropsContext();
 
   let [state, send] = useMachine(toaster.machine, {
     context: {
@@ -51,7 +53,14 @@
   );
 </script>
 
-<div bind:this={ref} use:portal {...mergedProps}>
+<div
+  bind:this={ref}
+  use:portal={{
+    container: portalProviderProps?.container ?? undefined,
+    getRootNode: environment?.getRootNode,
+  }}
+  {...mergedProps}
+>
   {#each toasts as toast (toast.id)}
     <ToastActor actor={toast} {children} />
   {/each}

package/package.json

@@ -2,8 +2,8 @@
   "name": "ui-ingredients",
   "type": "module",
   "license": "MIT",
-  "version": "0.21.1",
-  "packageManager": "pnpm@9.15.0",
+  "version": "0.22.0",
+  "packageManager": "pnpm@9.15.1",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -307,54 +307,56 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@zag-js/accordion": "^0.77.1",
-    "@zag-js/anatomy": "^0.77.1",
-    "@zag-js/angle-slider": "^0.78.2",
-    "@zag-js/auto-resize": "^0.77.1",
-    "@zag-js/avatar": "^0.77.1",
-    "@zag-js/carousel": "^0.77.1",
-    "@zag-js/checkbox": "^0.77.1",
-    "@zag-js/clipboard": "^0.77.1",
-    "@zag-js/collapsible": "^0.77.1",
-    "@zag-js/color-picker": "^0.77.1",
-    "@zag-js/combobox": "^0.77.1",
-    "@zag-js/core": "^0.77.1",
-    "@zag-js/date-picker": "^0.77.1",
-    "@zag-js/dialog": "^0.77.1",
-    "@zag-js/dom-query": "^0.77.1",
-    "@zag-js/editable": "^0.77.1",
-    "@zag-js/file-upload": "^0.77.1",
-    "@zag-js/floating-panel": "^0.77.1",
-    "@zag-js/highlight-word": "^0.77.1",
-    "@zag-js/hover-card": "^0.77.1",
-    "@zag-js/i18n-utils": "^0.77.1",
-    "@zag-js/menu": "^0.77.1",
-    "@zag-js/number-input": "^0.77.1",
-    "@zag-js/pagination": "^0.77.1",
-    "@zag-js/pin-input": "^0.77.1",
-    "@zag-js/popover": "^0.77.1",
-    "@zag-js/presence": "^0.77.1",
-    "@zag-js/progress": "^0.77.1",
-    "@zag-js/qr-code": "^0.77.1",
-    "@zag-js/radio-group": "^0.77.1",
-    "@zag-js/rating-group": "^0.77.1",
-    "@zag-js/select": "^0.77.1",
-    "@zag-js/signature-pad": "^0.77.1",
-    "@zag-js/slider": "^0.77.1",
-    "@zag-js/splitter": "^0.77.1",
-    "@zag-js/steps": "^0.77.1",
-    "@zag-js/svelte": "^0.77.1",
-    "@zag-js/switch": "^0.77.1",
-    "@zag-js/tabs": "^0.77.1",
-    "@zag-js/tags-input": "^0.77.1",
-    "@zag-js/time-picker": "^0.77.1",
-    "@zag-js/timer": "^0.77.1",
-    "@zag-js/toast": "^0.77.1",
-    "@zag-js/toggle-group": "^0.77.1",
-    "@zag-js/tooltip": "^0.77.1",
-    "@zag-js/tour": "^0.77.1",
-    "@zag-js/tree-view": "^0.77.1",
-    "@zag-js/utils": "^0.77.1"
+    "@zag-js/accordion": "^0.78.3",
+    "@zag-js/anatomy": "^0.78.3",
+    "@zag-js/angle-slider": "^0.78.3",
+    "@zag-js/auto-resize": "^0.78.3",
+    "@zag-js/avatar": "^0.78.3",
+    "@zag-js/carousel": "^0.78.3",
+    "@zag-js/checkbox": "^0.78.3",
+    "@zag-js/clipboard": "^0.78.3",
+    "@zag-js/collapsible": "^0.78.3",
+    "@zag-js/color-picker": "^0.78.3",
+    "@zag-js/combobox": "^0.78.3",
+    "@zag-js/core": "^0.78.3",
+    "@zag-js/date-picker": "^0.78.3",
+    "@zag-js/dialog": "^0.78.3",
+    "@zag-js/dom-query": "^0.78.3",
+    "@zag-js/editable": "^0.78.3",
+    "@zag-js/file-upload": "^0.78.3",
+    "@zag-js/floating-panel": "^0.78.3",
+    "@zag-js/highlight-word": "^0.78.3",
+    "@zag-js/hover-card": "^0.78.3",
+    "@zag-js/i18n-utils": "^0.78.3",
+    "@zag-js/menu": "^0.78.3",
+    "@zag-js/number-input": "^0.78.3",
+    "@zag-js/pagination": "^0.78.3",
+    "@zag-js/pin-input": "^0.78.3",
+    "@zag-js/popover": "^0.78.3",
+    "@zag-js/presence": "^0.78.3",
+    "@zag-js/progress": "^0.78.3",
+    "@zag-js/qr-code": "^0.78.3",
+    "@zag-js/radio-group": "^0.78.3",
+    "@zag-js/rating-group": "^0.78.3",
+    "@zag-js/select": "^0.78.3",
+    "@zag-js/signature-pad": "^0.78.3",
+    "@zag-js/slider": "^0.78.3",
+    "@zag-js/splitter": "^0.78.3",
+    "@zag-js/steps": "^0.78.3",
+    "@zag-js/svelte": "^0.78.3",
+    "@zag-js/switch": "^0.78.3",
+    "@zag-js/tabs": "^0.78.3",
+    "@zag-js/tags-input": "^0.78.3",
+    "@zag-js/time-picker": "^0.78.3",
+    "@zag-js/timer": "^0.78.3",
+    "@zag-js/toast": "^0.78.3",
+    "@zag-js/toggle-group": "^0.78.3",
+    "@zag-js/tooltip": "^0.78.3",
+    "@zag-js/tour": "^0.78.3",
+    "@zag-js/tree-view": "^0.78.3",
+    "@zag-js/utils": "^0.78.3",
+    "zagjs-legacy-svelte": "npm:@zag-js/svelte@0.77.1",
+    "zagjs-legacy-toast": "npm:@zag-js/toast@0.77.1"
   },
   "peerDependencies": {
     "svelte": ">=5.0.0"
@@ -362,28 +364,28 @@
   "devDependencies": {
     "@faker-js/faker": "^9.3.0",
     "@sveltejs/adapter-vercel": "^5.5.2",
-    "@sveltejs/kit": "^2.12.1",
+    "@sveltejs/kit": "^2.13.0",
     "@sveltejs/package": "^2.3.7",
-    "@sveltejs/vite-plugin-svelte": "^5.0.2",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/svelte": "^5.2.6",
     "@testing-library/user-event": "^14.5.2",
     "@types/jsdom": "^21.1.7",
     "@untitled-theme/icons-svelte": "^0.12.0",
     "autoprefixer": "^10.4.20",
-    "globals": "^15.13.0",
+    "globals": "^15.14.0",
     "jsdom": "^25.0.1",
     "postcss": "^8.4.49",
     "publint": "^0.2.12",
     "release-it": "^17.10.0",
     "resize-observer-polyfill": "^1.5.1",
-    "svelte": "^5.14.1",
+    "svelte": "^5.15.0",
     "svelte-check": "^4.1.1",
     "tailwind-merge": "^2.5.5",
     "tailwind-variants": "^0.3.0",
-    "tailwindcss": "^3.4.16",
+    "tailwindcss": "^3.4.17",
     "typescript": "^5.7.2",
-    "vite": "^6.0.3",
+    "vite": "^6.0.5",
     "vitest": "^2.1.8",
     "vitest-axe": "^1.0.0-pre.3",
     "vitest-canvas-mock": "^0.3.3"