diff --git a/README.md b/README.md
index 68dcab75..829a12f0 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@ npm install ui-ingredients
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Dialog, Portal} from 'ui-ingredients';
   import {XCloseIcon, Button} from '$lib';
 </script>
diff --git a/docs/accordion.md b/docs/accordion.md
index b10cf47d..1224a2c9 100644
--- a/docs/accordion.md
+++ b/docs/accordion.md
@@ -5,7 +5,7 @@ A toggle component for expanding and collapsing sections of content.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Accordion} from 'ui-ingredients';
   import {ChevronDownIcon} from '$lib/icons';
 
@@ -27,8 +27,7 @@ A toggle component for expanding and collapsing sections of content.
     },
   ];
 
-  /** @type {string} */
-  let value = $state([]);
+  let value: string[] = $state([]);
 </script>
 
 <Accordion.Root
@@ -55,57 +54,3 @@ A toggle component for expanding and collapsing sections of content.
   {/each}
 </Accordion.Root>
 ```
-
-## Props
-
-### Root
-
-- `ids`
-
-  The ids of the elements
-
-- `value`
-
-  The `value` of the accordion items that are currently being expanded.
-
-- `disabled`
-
-  Whether the accordion items are disabled
-
-- `multiple`
-
-  Whether multple accordion items can be expanded at the same time.
-
-- `orientation`
-
-  The orientation of the accordion items.
-
-- `collapsible`
-
-  Whether an accordion item can be closed after it has been expanded.
-
-- `onFocusChange`
-
-  The callback fired when the focused accordion item changes.
-
-- `onValueChange`
-
-  The callback fired when the state of expanded/collapsed accordion items changes.
-
-- `lazyMount`
-
-  Should the item be mounted only when expanded?
-
-- `keepMounted`
-
-  Should the item stays in the DOM when it is not expanded?
-
-### Item
-
-- `value`
-
-  The value of the accordion item.
-
-- `disabled`
-
-  Whether the accordion item is disabled.
diff --git a/docs/alert.md b/docs/alert.md
index e8ba1ba9..ffc6ffce 100644
--- a/docs/alert.md
+++ b/docs/alert.md
@@ -5,7 +5,7 @@ A component for displaying important messages or notifications.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Alert} from 'ui-ingredients';
   import {AlertCircleIcon} from '$lib/icons';
 </script>
diff --git a/docs/aschild.md b/docs/aschild.md
index 08696a69..d6137658 100644
--- a/docs/aschild.md
+++ b/docs/aschild.md
@@ -5,7 +5,7 @@ The `asChild` prop lets you render a custom component to ensure consistent styli
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Button} from '$lib/ui';
   import {Dialog} from 'ui-ingredients';
 </script>
@@ -24,7 +24,7 @@ In this example, the `asChild` prop allows the `Button` to be used as the trigge
 In some components, you also need to delegate the `action` apart from `attrs` for the component to work properly. See below:
 
 ```svelte
-<script>
+<script lang="ts">
   import {Accordion} from 'ui-ingredients';
   import {ChevronDownIcon} from '@untitled-theme/icons-svelte';
 
diff --git a/docs/avatar.md b/docs/avatar.md
index 196db13f..37cae3e3 100644
--- a/docs/avatar.md
+++ b/docs/avatar.md
@@ -5,7 +5,7 @@ A visual component for displaying a user’s profile image or initials.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Avatar} from 'ui-ingredients';
 </script>
 
@@ -14,15 +14,3 @@ A visual component for displaying a user’s profile image or initials.
   <Avatar.Fallback>JD</Avatar.Fallback>
 </Avatar.Root>
 ```
-
-## Props
-
-### Root
-
-- `ids`
-
-  The ids of the elements
-
-- `onStatusChange`
-
-  Function called when the image loading status changes.
diff --git a/docs/breadcrumbs.md b/docs/breadcrumbs.md
index ccd4e4ce..3bdd0f82 100644
--- a/docs/breadcrumbs.md
+++ b/docs/breadcrumbs.md
@@ -5,7 +5,7 @@ A component for displaying the navigation path or hierarchy of a user's location
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Breadcrumbs} from 'ui-ingredients';
   import {ChevronRightIcon} from '$lib/icons';
 </script>
diff --git a/docs/carousel.md b/docs/carousel.md
index 3a9f28a0..546dec83 100644
--- a/docs/carousel.md
+++ b/docs/carousel.md
@@ -5,7 +5,7 @@ A rotating component for cycling through images or content slides.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Carousel} from 'ui-ingredients';
   import {ChevronLeftIcon, ChevronRightIcon} from '$lib/icons';
 
@@ -51,51 +51,3 @@ A rotating component for cycling through images or content slides.
   </div>
 </Carousel.Root>
 ```
-
-## Props
-
-### Root
-
-- `ids`
-
-  The ids of the elements
-
-- `loop`
-
-  Whether the carousel should loop around.
-
-- `align`
-
-  The alignment of the slides in the carousel.
-
-- `index`
-
-  The current slide index.
-
-- `spacing`
-
-  The amount of space between slides.
-
-- `orientation`
-
-  The orientation of the carousel.
-
-- `slidesPerView`
-
-  The number of slides to show at a time.
-
-- `onIndexChange`
-
-  Function called when the slide changes.
-
-### Item
-
-- `index`
-
-  The index of the item.
-
-### Indicator
-
-- `index`
-
-  The index of the indicator.
diff --git a/docs/checkbox.md b/docs/checkbox.md
index 54267c2b..99b0ff7b 100644
--- a/docs/checkbox.md
+++ b/docs/checkbox.md
@@ -5,7 +5,7 @@ An interactive component for selecting one or multiple options in a list.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Checkbox} from 'ui-ingredients';
   import {CheckIcon} from '$lib/icons';
 
@@ -31,7 +31,7 @@ An interactive component for selecting one or multiple options in a list.
 ### Using the `Field` component
 
 ```svelte
-<script>
+<script lang="ts">
   import {Checkbox, Field} from 'ui-ingredients';
   import {CheckIcon} from '$lib/icons';
 </script>
@@ -51,47 +51,3 @@ An interactive component for selecting one or multiple options in a list.
   <Field.ErrorText>This is an error text</Field.ErrorText>
 </Field.Root>
 ```
-
-## Props
-
-### Root
-
-- `ids`
-
-  The ids of the elements
-
-- `form`
-
-  The id of the form that the checkbox belongs to.
-
-- `name`
-
-  The name of the input field in a checkbox.
-
-- `value`
-
-  The value of checkbox input. Useful for form submission.
-
-- `checked`
-
-  The checked state of the checkbox
-
-- `invalid`
-
-  Whether the checkbox is invalid
-
-- `disabled`
-
-  Whether the checkbox is disabled
-
-- `readOnly`
-
-  Whether the checkbox is read-only
-
-- `required`
-
-  Whether the checkbox is required
-
-- `onCheckedChange`
-
-  The callback invoked when the checked state changes.
diff --git a/docs/clipboard.md b/docs/clipboard.md
index f6fbb33a..8bad1995 100644
--- a/docs/clipboard.md
+++ b/docs/clipboard.md
@@ -5,7 +5,7 @@ A component for copying text or content to the user's clipboard.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Clipboard} from 'ui-ingredients';
   import {CheckIcon, Copy01Icon} from '$lib/icons';
 </script>
@@ -27,15 +27,3 @@ A component for copying text or content to the user's clipboard.
   </Clipboard.Control>
 </Clipboard.Root>
 ```
-
-## Props
-
-### Root
-
-- `ids`
-
-- `value`
-
-- `timeout`
-
-- `onStatusChange`
diff --git a/docs/collapsible.md b/docs/collapsible.md
index 11858e92..dd3459ed 100644
--- a/docs/collapsible.md
+++ b/docs/collapsible.md
@@ -5,7 +5,7 @@ A component that expands or collapses to show or hide content.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Collapsible} from 'ui-ingredients';
 </script>
 
diff --git a/docs/color-picker.md b/docs/color-picker.md
index 50fa7872..4f54c64d 100644
--- a/docs/color-picker.md
+++ b/docs/color-picker.md
@@ -5,12 +5,19 @@ A component for selecting and customizing colors.
 ## Usage
 
 ```svelte
-<script>
-  import {ColorPicker} from 'ui-ingredients';
+<script lang="ts">
+  import {ColorPicker, type Color} from 'ui-ingredients';
   import {DropperIcon} from '$lib/icons';
+
+  let value: Color = $state(ColorPicker.parse('red'));
 </script>
 
-<ColorPicker.Root>
+<ColorPicker.Root
+  {value}
+  onValueChange={function (detail) {
+    value = detail.value;
+  }}
+>
   {#snippet children(context)}
     <ColorPicker.Label>Label</ColorPicker.Label>
     <ColorPicker.Control>
diff --git a/docs/combobox.md b/docs/combobox.md
index 77fe1e3c..02b9be89 100644
--- a/docs/combobox.md
+++ b/docs/combobox.md
@@ -5,45 +5,35 @@ A component that combines a text input with a dropdown list for selecting or ent
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Combobox} from 'ui-ingredients';
   import {CheckIcon, ChevronDownIcon, XCloseIcon} from '$lib/icons';
 
   let items = [
-    {
-      label: 'Item 1',
-      value: '1',
-    },
-    {
-      label: 'Item 2',
-      value: '2',
-    },
-    {
-      label: 'Item 3',
-      value: 'value',
-      disabled: true,
-    },
+    {label: 'Option 1', value: '1'},
+    {label: 'Option 2', value: '2'},
+    {label: 'Option 3', value: '3'},
+    {label: 'Option 4', value: '4'},
+    {label: 'Option 5', value: '5'},
   ];
 
-  /** @type {string[]} */
-  let value = $state([]);
-
+  let value: string[] = $state([]);
   let inputValue = $state('');
-
   let matches = $derived(
     items.filter(function (item) {
       return item.label.toLowerCase().includes(inputValue.toLowerCase());
     }),
   );
 
-  $inspect({
-    value,
-    inputValue,
-  });
+  let collection = $derived(
+    Combobox.collection({
+      items: matches,
+    }),
+  );
 </script>
 
 <Combobox.Root
-  {items}
+  {collection}
   {value}
   {inputValue}
   onValueChange={function (detail) {
@@ -52,15 +42,6 @@ A component that combines a text input with a dropdown list for selecting or ent
   onInputValueChange={function (detail) {
     inputValue = detail.inputValue;
   }}
-  isItemDisabled={function (item) {
-    return item.disabled ?? false;
-  }}
-  itemToString={function (item) {
-    return item.label;
-  }}
-  itemToValue={function (item) {
-    return item.value;
-  }}
 >
   <Combobox.Label>Label</Combobox.Label>
 
@@ -76,7 +57,7 @@ A component that combines a text input with a dropdown list for selecting or ent
 
   <Combobox.Positioner>
     <Combobox.Content>
-      {#each matches as item (item.value)}
+      {#each collection.items as item}
         <Combobox.Item {item}>
           <Combobox.ItemText>{item.label}</Combobox.ItemText>
           <Combobox.ItemIndicator>
@@ -92,29 +73,24 @@ A component that combines a text input with a dropdown list for selecting or ent
 ### Using the `Field` component
 
 ```svelte
-<script>
-  import {Combobox, Field} from 'ui-ingredients';
-  import {CheckIcon, ChevronDownIcon, XCloseIcon} from '$lib/icons';
+<script lang="ts">
+  import {Combobox, Portal} from '$lib/index.js';
+  import {
+    CheckIcon,
+    ChevronDownIcon,
+    XCloseIcon,
+  } from '@untitled-theme/icons-svelte';
+  import {IconButton, Input, Label} from '../shared/index.js';
 
   let items = [
-    {
-      label: 'Item 1',
-      value: '1',
-    },
-    {
-      label: 'Item 2',
-      value: '2',
-    },
-    {
-      label: 'Item 3',
-      value: 'value',
-      disabled: true,
-    },
+    {label: 'Option 1', value: '1'},
+    {label: 'Option 2', value: '2'},
+    {label: 'Option 3', value: '3'},
+    {label: 'Option 4', value: '4'},
+    {label: 'Option 5', value: '5'},
   ];
 
-  /** @type {string[]} */
-  let value = $state([]);
-
+  let value: string[] = $state([]);
   let inputValue = $state('');
 
   let matches = $derived(
@@ -122,6 +98,12 @@ A component that combines a text input with a dropdown list for selecting or ent
       return item.label.toLowerCase().includes(inputValue.toLowerCase());
     }),
   );
+
+  let collection = $derived(
+    Combobox.collection({
+      items: matches,
+    }),
+  );
 </script>
 
 <Field.Root>
@@ -135,15 +117,6 @@ A component that combines a text input with a dropdown list for selecting or ent
     onInputValueChange={function (detail) {
       inputValue = detail.inputValue;
     }}
-    isItemDisabled={function (item) {
-      return item.disabled ?? false;
-    }}
-    itemToString={function (item) {
-      return item.label;
-    }}
-    itemToValue={function (item) {
-      return item.value;
-    }}
   >
     <Combobox.Label>Label</Combobox.Label>
 
diff --git a/docs/date-picker.md b/docs/date-picker.md
index 685627f1..3d50f046 100644
--- a/docs/date-picker.md
+++ b/docs/date-picker.md
@@ -7,18 +7,17 @@ A component for selecting a date from a calendar interface.
 ### Single
 
 ```svelte
-<script>
-  import {DatePicker} from 'ui-ingredients';
+<script lang="ts">
+  import {DatePicker, type DateValue} from 'ui-ingredients';
   import {CalendarIcon, ChevronLeftIcon, ChevronRightIcon} from '$lib/icons';
 
-  /** @type {string[]} */
-  let value = $state([]);
+  let value: DateValue[] = $state([DatePicker.parse('1990-01-01')]);
 </script>
 
 <DatePicker.Root
   {value}
   onValueChange={function (detail) {
-    value = detail.valueAsString;
+    value = detail.value;
   }}
 >
   {#snippet children(context)}
@@ -142,8 +141,8 @@ A component for selecting a date from a calendar interface.
 ### Range
 
 ```svelte
-<script>
-  import {DatePicker} from 'ui-ingredients';
+<script lang="ts">
+  import {DatePicker, type DateValue} from 'ui-ingredients';
   import {
     CalendarIcon,
     ChevronLeftIcon,
@@ -151,8 +150,7 @@ A component for selecting a date from a calendar interface.
     XCloseIcon,
   } from '$lib/icons';
 
-  /** @type {string[]} */
-  let value = $state([]);
+  let value: DateValue[] = $state([]);
 </script>
 
 <DatePicker.Root
diff --git a/docs/dialog.md b/docs/dialog.md
index 727513f3..fd656de1 100644
--- a/docs/dialog.md
+++ b/docs/dialog.md
@@ -5,7 +5,7 @@ A component for displaying modal windows or pop-up messages.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Dialog, Portal} from 'ui-ingredients';
   import {XCloseIcon} from '$lib/icons';
 </script>
diff --git a/docs/drawer.md b/docs/drawer.md
index ae2ddb8a..7f3ceeb2 100644
--- a/docs/drawer.md
+++ b/docs/drawer.md
@@ -5,7 +5,7 @@ A component that slides in from the edge of the screen to display additional con
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Drawer} from 'ui-ingredients';
   import {XCloseIcon} from '$lib/icons';
 </script>
diff --git a/docs/editable.md b/docs/editable.md
index d0ccfcf7..6c584653 100644
--- a/docs/editable.md
+++ b/docs/editable.md
@@ -5,7 +5,7 @@ A component that allows users to modify its content.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Editable} from 'ui-ingredients';
 
   let value = $state('Hello world!');
@@ -33,7 +33,7 @@ A component that allows users to modify its content.
 ### Using the `Field` component
 
 ```svelte
-<script>
+<script lang="ts">
   import {Editable, Field} from 'ui-ingredients';
 </script>
 
diff --git a/docs/field.md b/docs/field.md
index feeab3fe..9c320532 100644
--- a/docs/field.md
+++ b/docs/field.md
@@ -40,7 +40,7 @@ A component for organizing related form elements into a cohesive unit.
     Label
     <Field.RequiredIndicator />
   </Field.Label>
-  <Field.Textarea />
+  <Field.Textarea autoResize />
   <Field.HelperText>This is a helper text</Field.HelperText>
   <Field.ErrorText>This is an error text</Field.ErrorText>
 </Field.Root>
diff --git a/docs/file-upload.md b/docs/file-upload.md
index 64b4ccaa..bf8f467a 100644
--- a/docs/file-upload.md
+++ b/docs/file-upload.md
@@ -5,7 +5,7 @@ A component for selecting and uploading files from the user's device.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {FileUpload} from 'ui-ingredients';
   import {XCloseIcon} from '$lib/icons';
 </script>
@@ -40,7 +40,7 @@ A component for selecting and uploading files from the user's device.
 ### Using the `Field` component
 
 ```svelte
-<script>
+<script lang="ts">
   import {FileUpload, Field} from 'ui-ingredients';
   import {XCloseIcon} from '$lib/icons';
 </script>
diff --git a/docs/highlight.md b/docs/highlight.md
index dfc982e3..af7a60ff 100644
--- a/docs/highlight.md
+++ b/docs/highlight.md
@@ -5,7 +5,7 @@ A component for emphasizing text or content to draw attention.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Highlight} from 'ui-ingredients';
 
   let text =
diff --git a/docs/hover-card.md b/docs/hover-card.md
index fc4d7477..9c2516cc 100644
--- a/docs/hover-card.md
+++ b/docs/hover-card.md
@@ -5,7 +5,7 @@ A component that displays additional information when hovering over an element.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {HoverCard, Portal} from 'ui-ingredients';
 </script>
 
diff --git a/docs/menu.md b/docs/menu.md
index bfdd16b1..1887772b 100644
--- a/docs/menu.md
+++ b/docs/menu.md
@@ -7,7 +7,7 @@ A component for navigating through a list of options or actions.
 ### Basic Menu
 
 ```svelte
-<script>
+<script lang="ts">
   import {Menu} from 'ui-ingredients';
   import {CheckIcon, ChevronDownIcon} from '$lib/icons';
 
@@ -43,7 +43,7 @@ A component for navigating through a list of options or actions.
 ### Radio/Checkbox Menu
 
 ```svelte
-<script>
+<script lang="ts">
   import {Menu} from 'ui-ingredients';
   import {CheckIcon, ChevronDownIcon} from '$lib/icons';
 
@@ -56,10 +56,7 @@ A component for navigating through a list of options or actions.
     'Item 5',
   ];
 
-  /** @type {string[]} */
-  let selected = $state([]);
-
-  $inspect(selected);
+  let selected: string[] = $state([]);
 </script>
 
 <Menu.Root>
@@ -100,7 +97,7 @@ A component for navigating through a list of options or actions.
 ### Nested Menu
 
 ```svelte
-<script>
+<script lang="ts">
   import {Menu} from 'ui-ingredients';
   import {ChevronRightIcon} from '$lib/icons';
 </script>
@@ -141,7 +138,7 @@ A component for navigating through a list of options or actions.
 ### Context Menu
 
 ```svelte
-<script>
+<script lang="ts">
   import {Menu} from 'ui-ingredients';
 
   let items = [
diff --git a/docs/number-input.md b/docs/number-input.md
index fc5535bb..f3e79bf1 100644
--- a/docs/number-input.md
+++ b/docs/number-input.md
@@ -5,7 +5,7 @@ A component for entering numeric values.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {NumberInput} from 'ui-ingredients';
   import {ChevronDownIcon, ChevronUpIcon} from '$lib/icons';
 
@@ -36,7 +36,7 @@ A component for entering numeric values.
 ### Using the `Field` component
 
 ```svelte
-<script>
+<script lang="ts">
   import {NumberInput, Field} from 'ui-ingredients';
   import {ChevronDownIcon, ChevronUpIcon} from '$lib/icons';
 </script>
diff --git a/docs/pagination.md b/docs/pagination.md
index 070fb5ee..feffd50c 100644
--- a/docs/pagination.md
+++ b/docs/pagination.md
@@ -5,7 +5,7 @@ A component for navigating through multiple pages of content.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Pagination} from 'ui-ingredients';
   import {ChevronLeftIcon, ChevronRightIcon} from '$lib/icons';
 
diff --git a/docs/pin-input.md b/docs/pin-input.md
index 82eb7795..8f672f48 100644
--- a/docs/pin-input.md
+++ b/docs/pin-input.md
@@ -5,12 +5,11 @@ A component for entering and displaying a sequence of numeric or alphanumeric ch
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {PinInput} from 'ui-ingredients';
   import {Input, Label} from '../shared/index.js';
 
-  /** @type {string[]} */
-  let value = $state([]);
+  let value: string[] = $state([]);
 </script>
 
 <PinInput.Root
@@ -31,7 +30,7 @@ A component for entering and displaying a sequence of numeric or alphanumeric ch
 ### Using the `Field` component
 
 ```svelte
-<script>
+<script lang="ts">
   import {PinInput} from 'ui-ingredients';
   import {Input, Label} from '../shared/index.js';
 </script>
diff --git a/docs/popover.md b/docs/popover.md
index caf2bb11..7d41ea11 100644
--- a/docs/popover.md
+++ b/docs/popover.md
@@ -5,7 +5,7 @@ A component that displays additional content or information in a small overlay w
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Popover} from 'ui-ingredients';
   import {XCloseIcon} from '$lib/icons';
 </script>
diff --git a/docs/portal.md b/docs/portal.md
index d2c3713d..d7652264 100644
--- a/docs/portal.md
+++ b/docs/portal.md
@@ -5,7 +5,7 @@ A component for rendering content in a different part of the DOM hierarchy, ofte
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Portal} from 'ui-ingredients';
 </script>
 
diff --git a/docs/presence.md b/docs/presence.md
index 4f335597..27f099f0 100644
--- a/docs/presence.md
+++ b/docs/presence.md
@@ -5,7 +5,7 @@ A component that controls content rendering and unmounting based on state.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Presence} from 'ui-ingredients';
 
   let present = $state(false);
diff --git a/docs/progress.md b/docs/progress.md
index d433d2ce..9d64e2fc 100644
--- a/docs/progress.md
+++ b/docs/progress.md
@@ -7,7 +7,7 @@ A component for displaying the completion status of a task or process.
 ### Linear Progress
 
 ```svelte
-<script>
+<script lang="ts">
   import {Progress} from 'ui-ingredients';
 </script>
 
@@ -24,7 +24,7 @@ A component for displaying the completion status of a task or process.
 ### Circular Progress
 
 ```svelte
-<script>
+<script lang="ts">
   import {Progress} from 'ui-ingredients';
 </script>
 
diff --git a/docs/qr-code.md b/docs/qr-code.md
index 93c74d04..e2e07daa 100644
--- a/docs/qr-code.md
+++ b/docs/qr-code.md
@@ -5,7 +5,7 @@ A component for generating and displaying QR codes for quick scanning and access
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {QrCode} from 'ui-ingredients';
 </script>
 
diff --git a/docs/radio-group.md b/docs/radio-group.md
index bfc4b7ab..d910953e 100644
--- a/docs/radio-group.md
+++ b/docs/radio-group.md
@@ -5,7 +5,7 @@ A component for selecting one option from a set of mutually exclusive choices.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {RadioGroup} from 'ui-ingredients';
   import {CheckIcon} from '$lib/icons';
 
diff --git a/docs/rating-group.md b/docs/rating-group.md
index b60a37d5..2cc8f3d1 100644
--- a/docs/rating-group.md
+++ b/docs/rating-group.md
@@ -5,7 +5,7 @@ A component for selecting a rating value, typically represented by stars or othe
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {RatingGroup} from 'ui-ingredients';
   import {StarIcon} from '$lib/icons';
 
@@ -36,7 +36,7 @@ A component for selecting a rating value, typically represented by stars or othe
 ### Using the `Field` component
 
 ```svelte
-<script>
+<script lang="ts">
   import {RatingGroup, Field} from 'ui-ingredients';
   import {StarIcon} from '$lib/icons';
 </script>
diff --git a/docs/segment-group.md b/docs/segment-group.md
index 387ce82e..325665e4 100644
--- a/docs/segment-group.md
+++ b/docs/segment-group.md
@@ -5,7 +5,7 @@ A component for grouping and toggling between different sections or options, oft
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {SegmentGroup} from 'ui-ingredients';
 
   let items = [
diff --git a/docs/select.md b/docs/select.md
index f3740650..49a0e942 100644
--- a/docs/select.md
+++ b/docs/select.md
@@ -5,37 +5,29 @@ A component for choosing an option from a dropdown list.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Select} from 'ui-ingredients';
   import {CheckIcon, ChevronDownIcon} from '$lib/icons';
 
-  let items = [
-    {value: '1', label: 'Item 1'},
-    {value: '2', label: 'Item 2'},
-    {value: '3', label: 'Item 3'},
-    {value: '4', label: 'Item 4'},
-    {value: '5', label: 'Item 5', disabled: true},
-  ];
+  let collection = Select.collection({
+    items: [
+      {value: '1', label: 'Option 1'},
+      {value: '2', label: 'Option 2'},
+      {value: '3', label: 'Option 3'},
+      {value: '4', label: 'Option 4'},
+      {value: '5', label: 'Option 5'},
+    ],
+  });
 
-  /** @type {string[]} */
-  let value = $state([]);
+  let value: string[] = $state([]);
 </script>
 
 <Select.Root
-  {items}
+  {collection}
   {value}
   onValueChange={function (detail) {
     value = detail.value;
   }}
-  itemToString={function (item) {
-    return item.label;
-  }}
-  itemToValue={function (item) {
-    return item.value;
-  }}
-  isItemDisabled={function (item) {
-    return item.disabled ?? false;
-  }}
 >
   <Select.Control>
     <Select.Label>Label</Select.Label>
@@ -46,7 +38,7 @@ A component for choosing an option from a dropdown list.
 
   <Select.Positioner>
     <Select.Content>
-      {#each items as item}
+      {#each collection.items as item}
         <Select.Item {item}>
           <Select.ItemText />
           <Select.ItemIndicator>
@@ -62,30 +54,29 @@ A component for choosing an option from a dropdown list.
 ### Using the `Field` component
 
 ```svelte
-<script>
-  import {Select, Field} from 'ui-ingredients';
+<script lang="ts">
+  import {Select} from 'ui-ingredients';
   import {CheckIcon, ChevronDownIcon} from '$lib/icons';
 
-  let items = [
-    {value: '1', label: 'Item 1'},
-    {value: '2', label: 'Item 2'},
-    {value: '3', label: 'Item 3'},
-    {value: '4', label: 'Item 4'},
-    {value: '5', label: 'Item 5', disabled: true},
-  ];
+  let collection = Select.collection({
+    items: [
+      {value: '1', label: 'Option 1'},
+      {value: '2', label: 'Option 2'},
+      {value: '3', label: 'Option 3'},
+      {value: '4', label: 'Option 4'},
+      {value: '5', label: 'Option 5'},
+    ],
+  });
+
+  let value: string[] = $state([]);
 </script>
 
 <Field.Root>
   <Select.Root
-    {items}
-    itemToString={function (item) {
-      return item.label;
-    }}
-    itemToValue={function (item) {
-      return item.value;
-    }}
-    isItemDisabled={function (item) {
-      return item.disabled ?? false;
+    {collection}
+    {value}
+    onValueChange={function (detail) {
+      value = detail.value;
     }}
   >
     <Select.Control>
diff --git a/docs/signature-pad.md b/docs/signature-pad.md
index 33edc635..974b897a 100644
--- a/docs/signature-pad.md
+++ b/docs/signature-pad.md
@@ -5,7 +5,7 @@ A component for capturing and displaying handwritten signatures.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {SignaturePad} from 'ui-ingredients';
 </script>
 
diff --git a/docs/slider.md b/docs/slider.md
index a2502e91..ae17448d 100644
--- a/docs/slider.md
+++ b/docs/slider.md
@@ -5,7 +5,7 @@ A component for adjusting values or selecting ranges through a draggable handle.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Slider} from 'ui-ingredients';
 
   let value = $state([0, 25]);
diff --git a/docs/splitter.md b/docs/splitter.md
index 293688d4..01bd1e17 100644
--- a/docs/splitter.md
+++ b/docs/splitter.md
@@ -5,7 +5,7 @@ A component for resizing and adjusting the size of adjacent panes or sections.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Splitter} from 'ui-ingredients';
 </script>
 
diff --git a/docs/steps.md b/docs/steps.md
index 3470f3d5..6942135d 100644
--- a/docs/steps.md
+++ b/docs/steps.md
@@ -5,7 +5,7 @@ A component for displaying a sequence of steps or stages in a process, often use
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Steps} from 'ui-ingredients';
   import {CheckIcon} from '$lib/icons';
 
diff --git a/docs/styling.md b/docs/styling.md
index 2cbe395c..f7db377c 100644
--- a/docs/styling.md
+++ b/docs/styling.md
@@ -11,7 +11,7 @@ The `data-part` attribute can be used to select and style a component part.
 Here's an example of how you might use the `Dialog` component in your code
 
 ```svelte
-<script>
+<script lang="ts">
   import {Dialog} from 'ui-ingredients';
 </script>
 
diff --git a/docs/switch.md b/docs/switch.md
index 9d3c50c4..5a3936b6 100644
--- a/docs/switch.md
+++ b/docs/switch.md
@@ -5,7 +5,7 @@ A component for toggling between two states, such as on/off or enabled/disabled.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Switch} from 'ui-ingredients';
 
   let checked = $state(false);
@@ -28,7 +28,7 @@ A component for toggling between two states, such as on/off or enabled/disabled.
 ### Using the `Field` component
 
 ```svelte
-<script>
+<script lang="ts">
   import {Switch, Field} from 'ui-ingredients';
 </script>
 
diff --git a/docs/tabs.md b/docs/tabs.md
index d80aee95..13907986 100644
--- a/docs/tabs.md
+++ b/docs/tabs.md
@@ -5,7 +5,7 @@ A component for organizing and switching between multiple sections of content wi
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Tabs} from 'ui-ingredients';
 
   let items = [
diff --git a/docs/tags-input.md b/docs/tags-input.md
index 92ec0dae..eb8e0d14 100644
--- a/docs/tags-input.md
+++ b/docs/tags-input.md
@@ -5,12 +5,11 @@ A component for adding and managing a list of tags or keywords, often with autoc
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {TagsInput} from 'ui-ingredients';
   import {XCloseIcon} from '$lib/icons';
 
-  /** @type {string[]} */
-  let value = $state([]);
+  let value: string[] = $state([]);
 </script>
 
 <TagsInput.Root
@@ -45,7 +44,7 @@ A component for adding and managing a list of tags or keywords, often with autoc
 ### Using the `Field` component
 
 ```svelte
-<script>
+<script lang="ts">
   import {TagsInput, Field} from 'ui-ingredients';
   import {XCloseIcon} from '$lib/icons';
 </script>
diff --git a/docs/time-picker.md b/docs/time-picker.md
index 7bc35576..86869919 100644
--- a/docs/time-picker.md
+++ b/docs/time-picker.md
@@ -5,12 +5,27 @@ A component for selecting a time from a dropdown or input interface.
 ## Usage
 
 ```svelte
-<script>
-  import {TimePicker} from 'ui-ingredients';
+<script lang="ts">
+  import {TimePicker, type Time} from 'ui-ingredients';
   import {ClockIcon, XCloseIcon} from '$lib/icons';
+
+  let value: Time | null = $state(
+    TimePicker.parse({
+      hour: 16,
+      minute: 0,
+      second: 0,
+      millisecond: 0,
+    }),
+  );
 </script>
 
-<TimePicker.Root allowSeconds>
+<TimePicker.Root
+  {value}
+  onValueChange={function (detail) {
+    value = detail.value;
+  }}
+  allowSeconds
+>
   {#snippet children(context)}
     <TimePicker.Label>Label</TimePicker.Label>
 
diff --git a/docs/timer.md b/docs/timer.md
index 9d6d5b54..b4d67d8d 100644
--- a/docs/timer.md
+++ b/docs/timer.md
@@ -5,7 +5,7 @@ A component for counting down or tracking elapsed time.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Timer} from 'ui-ingredients';
 </script>
 
diff --git a/docs/toast.md b/docs/toast.md
index d1e0048a..6ec04dc5 100644
--- a/docs/toast.md
+++ b/docs/toast.md
@@ -20,7 +20,7 @@ export const toaster = createToaster({
 
 ```svelte
 <!-- +layout.svelte -->
-<script>
+<script lang="ts">
   import {XCloseIcon} from '$lib/icons';
   import {toaster} from '$lib/toaster.svelte.ts';
   import {Toaster, Toast} from 'ui-ingredients';
@@ -45,12 +45,11 @@ export const toaster = createToaster({
 
 ```svelte
 <!-- +page.svelte -->
-<script>
+<script lang="ts">
   import {toaster} from '$lib/toaster.svelte.ts';
 </script>
 
 <button
-  type="button"
   onclick={function () {
     toaster.create({
       title: 'Title',
diff --git a/docs/toggle-group.md b/docs/toggle-group.md
index 397064ee..071ccb1c 100644
--- a/docs/toggle-group.md
+++ b/docs/toggle-group.md
@@ -5,12 +5,11 @@ A component for grouping multiple toggle switches, allowing users to switch betw
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {ToggleGroup} from 'ui-ingredients';
   import {Bold01Icon, Italic01Icon, Underline01Icon} from '$lib/icons';
 
-  /** @type {string[]} */
-  let value = $state([]);
+  let value: string[] = $state([]);
 </script>
 
 <ToggleGroup.Root
diff --git a/docs/toggle.md b/docs/toggle.md
index dedc6c42..360da93e 100644
--- a/docs/toggle.md
+++ b/docs/toggle.md
@@ -5,7 +5,7 @@ A component for switching between two states, such as on/off.
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Toggle} from 'ui-ingredients';
   import {BellIcon, BellOffIcon} from '$lib/icons';
 
diff --git a/docs/tooltip.md b/docs/tooltip.md
index 31ac3c21..e0a2b773 100644
--- a/docs/tooltip.md
+++ b/docs/tooltip.md
@@ -5,7 +5,7 @@ A component for displaying brief, contextual information when hovering over or f
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Portal, Tooltip} from 'ui-ingredients';
 </script>
 
diff --git a/docs/tour.md b/docs/tour.md
index 8eb68d8c..6cc0f26c 100644
--- a/docs/tour.md
+++ b/docs/tour.md
@@ -5,12 +5,11 @@ A component for guiding users through a series of steps or features in an applic
 ## Usage
 
 ```svelte
-<script>
-  import {Tour} from 'ui-ingredients';
+<script lang="ts">
+  import {Tour, type TourStepDetails} from 'ui-ingredients';
   import {XCloseIcon} from '$lib/icons';
 
-  /** @type {import('ui-ingredients').TourStepDetails[]} */
-  const steps = [
+  const steps: TourStepDetails[] = [
     {
       type: 'tooltip',
       arrow: true,
diff --git a/docs/tree-view.md b/docs/tree-view.md
index e9dcc645..3ca09454 100644
--- a/docs/tree-view.md
+++ b/docs/tree-view.md
@@ -5,65 +5,125 @@ A component for displaying hierarchical data in a tree structure, allowing users
 ## Usage
 
 ```svelte
-<script>
-  import {TreeView} from 'ui-ingredients';
-  import {ChevronRightIcon} from '$lib/icons';
-</script>
-
-<TreeView.Root>
-  <TreeView.Label>Label</TreeView.Label>
+<script lang="ts">
+  import {type NodeProps, TreeView} from 'ui-ingredients';
+  import {
+    CheckSquareIcon,
+    ChevronRightIcon,
+    File01Icon,
+    FolderIcon,
+  } from '$lib/icons';
 
-  <TreeView.Tree depth={3}>
-    <TreeView.Item value="1">
-      <TreeView.ItemText>Item 1</TreeView.ItemText>
-    </TreeView.Item>
+  interface Node {
+    value: string;
+    label: string;
+    children?: Node[];
+  }
 
-    <TreeView.Branch value="2">
-      <TreeView.BranchControl>
-        <TreeView.BranchIndicator>
-          <ChevronRightIcon />
-        </TreeView.BranchIndicator>
-        <TreeView.BranchText>Item 2</TreeView.BranchText>
-      </TreeView.BranchControl>
+  let collection = TreeView.collection<Node>({
+    nodeToValue: (node) => node.value,
+    nodeToString: (node) => node.label,
+    rootNode: {
+      value: 'ROOT',
+      label: '',
+      children: [
+        {
+          value: 'node_modules',
+          label: 'node_modules',
+          children: [
+            {
+              value: 'node_modules/svelte',
+              label: 'svelte',
+            },
+            {
+              value: 'node_modules/ui-ingredients',
+              label: 'ui-ingredients',
+            },
+          ],
+        },
+        {
+          value: 'src',
+          label: 'src',
+          children: [
+            {
+              value: 'src/(home)',
+              label: '(home)',
+              children: [
+                {
+                  value: 'src/(home)/+page.svelte',
+                  label: '+page.svelte',
+                },
+                {
+                  value: 'src/(home)/hero.svelte',
+                  label: 'hero.svelte',
+                },
+              ],
+            },
+            {
+              value: 'src/+layout.svelte',
+              label: '+layout.svelte',
+            },
+          ],
+        },
+        {
+          value: 'vite.config.ts',
+          label: 'vite.config.ts',
+        },
+        {
+          value: 'svelte.config.js',
+          label: 'svelte.config.js',
+        },
+        {
+          value: 'package.json',
+          label: 'package.json',
+        },
+      ],
+    },
+  });
+</script>
 
-      <TreeView.BranchContent>
-        <TreeView.Item value="2.1">
-          <TreeView.ItemText>Item 2.1</TreeView.ItemText>
-        </TreeView.Item>
-        <TreeView.Item value="2.2">
-          <TreeView.ItemText>Item 2.2</TreeView.ItemText>
-        </TreeView.Item>
-      </TreeView.BranchContent>
-    </TreeView.Branch>
+<TreeView.Root {collection}>
+  <TreeView.Label class="mb-2 block text-neutral-600">Explorer</TreeView.Label>
+  <TreeView.Tree>
+    {#each collection.rootNode.children ?? [] as node, index}
+      {@render TreeNode({
+        node,
+        indexPath: [index],
+      })}
+    {/each}
+  </TreeView.Tree>
+</TreeView.Root>
 
-    <TreeView.Branch value="3">
+{#snippet TreeNode(props: NodeProps<Node>)}
+  {#if props.node.children}
+    <TreeView.Branch node={props.node} indexPath={props.indexPath}>
       <TreeView.BranchControl>
+        <TreeView.BranchText>
+          <FolderIcon />
+          {props.node.label}
+        </TreeView.BranchText>
         <TreeView.BranchIndicator>
           <ChevronRightIcon />
         </TreeView.BranchIndicator>
-        <TreeView.BranchText>Item 3</TreeView.BranchText>
       </TreeView.BranchControl>
-
       <TreeView.BranchContent>
-        <TreeView.Item value="3.1">
-          <TreeView.ItemText>Item 3.1</TreeView.ItemText>
-        </TreeView.Item>
+        <TreeView.BranchIndentGuide />
 
-        <TreeView.Branch value="3.2">
-          <TreeView.BranchControl>
-            <TreeView.BranchIndicator>
-              <ChevronRightIcon />
-            </TreeView.BranchIndicator>
-            <TreeView.BranchText>Item 3.2.1</TreeView.BranchText>
-          </TreeView.BranchControl>
-          <TreeView.BranchContent>
-            <TreeView.Item value="3.1">
-              <TreeView.ItemText>Item 3.2.2</TreeView.ItemText>
-            </TreeView.Item>
-          </TreeView.BranchContent>
-        </TreeView.Branch>
+        {#each props.node.children as node, index}
+          {@render TreeNode({node, indexPath: [...props.indexPath, index]})}
+        {/each}
       </TreeView.BranchContent>
     </TreeView.Branch>
-  </TreeView.Tree>
-</TreeView.Root>
+  {:else}
+    <TreeView.Item node={props.node} indexPath={props.indexPath}>
+      <TreeView.ItemIndicator>
+        <CheckSquareIcon />
+      </TreeView.ItemIndicator>
+      <TreeView.ItemText>
+        <File01Icon />
+        {props.node.label}
+      </TreeView.ItemText>
+    </TreeView.Item>
+  {/if}
+{/snippet}
 ```
diff --git a/package.json b/package.json
index 2d2703a6..7983ee2a 100644
--- a/package.json
+++ b/package.json
@@ -15,11 +15,11 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-svelte": "^2.46.0",
-    "globals": "^15.11.0",
+    "globals": "^15.12.0",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.7",
     "prettier-plugin-tailwindcss": "^0.6.8",
     "typescript": "^5.6.3",
-    "typescript-eslint": "^8.12.2"
+    "typescript-eslint": "^8.13.0"
   }
 }
diff --git a/packages/core/README.md b/packages/core/README.md
index 68dcab75..829a12f0 100644
--- a/packages/core/README.md
+++ b/packages/core/README.md
@@ -13,7 +13,7 @@ npm install ui-ingredients
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Dialog, Portal} from 'ui-ingredients';
   import {XCloseIcon, Button} from '$lib';
 </script>
diff --git a/packages/core/package.json b/packages/core/package.json
index 97ce2973..130257bd 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -299,60 +299,61 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@zag-js/accordion": "^0.76.0",
-    "@zag-js/anatomy": "^0.76.0",
-    "@zag-js/avatar": "^0.76.0",
-    "@zag-js/carousel": "^0.76.0",
-    "@zag-js/checkbox": "^0.76.0",
-    "@zag-js/clipboard": "^0.76.0",
-    "@zag-js/collapsible": "^0.76.0",
-    "@zag-js/color-picker": "^0.76.0",
-    "@zag-js/combobox": "^0.76.0",
-    "@zag-js/core": "^0.76.0",
-    "@zag-js/date-picker": "^0.76.0",
-    "@zag-js/dialog": "^0.76.0",
-    "@zag-js/dom-query": "^0.76.0",
-    "@zag-js/editable": "^0.76.0",
-    "@zag-js/file-upload": "^0.76.0",
-    "@zag-js/floating-panel": "^0.76.0",
-    "@zag-js/highlight-word": "^0.76.0",
-    "@zag-js/hover-card": "^0.76.0",
-    "@zag-js/i18n-utils": "^0.76.0",
-    "@zag-js/menu": "^0.76.0",
-    "@zag-js/number-input": "^0.76.0",
-    "@zag-js/pagination": "^0.76.0",
-    "@zag-js/pin-input": "^0.76.0",
-    "@zag-js/popover": "^0.76.0",
-    "@zag-js/presence": "^0.76.0",
-    "@zag-js/progress": "^0.76.0",
-    "@zag-js/qr-code": "^0.76.0",
-    "@zag-js/radio-group": "^0.76.0",
-    "@zag-js/rating-group": "^0.76.0",
-    "@zag-js/select": "^0.76.0",
-    "@zag-js/signature-pad": "^0.76.0",
-    "@zag-js/slider": "^0.76.0",
-    "@zag-js/splitter": "^0.76.0",
-    "@zag-js/steps": "^0.76.0",
-    "@zag-js/svelte": "^0.76.0",
-    "@zag-js/switch": "^0.76.0",
-    "@zag-js/tabs": "^0.76.0",
-    "@zag-js/tags-input": "^0.76.0",
-    "@zag-js/time-picker": "^0.76.0",
-    "@zag-js/timer": "^0.76.0",
-    "@zag-js/toast": "^0.76.0",
-    "@zag-js/toggle-group": "^0.76.0",
-    "@zag-js/tooltip": "^0.76.0",
-    "@zag-js/tour": "^0.76.0",
-    "@zag-js/tree-view": "^0.76.0",
-    "@zag-js/utils": "^0.76.0"
+    "@zag-js/accordion": "^0.77.0",
+    "@zag-js/anatomy": "^0.77.0",
+    "@zag-js/auto-resize": "^0.77.0",
+    "@zag-js/avatar": "^0.77.0",
+    "@zag-js/carousel": "^0.77.0",
+    "@zag-js/checkbox": "^0.77.0",
+    "@zag-js/clipboard": "^0.77.0",
+    "@zag-js/collapsible": "^0.77.0",
+    "@zag-js/color-picker": "^0.77.0",
+    "@zag-js/combobox": "^0.77.0",
+    "@zag-js/core": "^0.77.0",
+    "@zag-js/date-picker": "^0.77.0",
+    "@zag-js/dialog": "^0.77.0",
+    "@zag-js/dom-query": "^0.77.0",
+    "@zag-js/editable": "^0.77.0",
+    "@zag-js/file-upload": "^0.77.0",
+    "@zag-js/floating-panel": "^0.77.0",
+    "@zag-js/highlight-word": "^0.77.0",
+    "@zag-js/hover-card": "^0.77.0",
+    "@zag-js/i18n-utils": "^0.77.0",
+    "@zag-js/menu": "^0.77.0",
+    "@zag-js/number-input": "^0.77.0",
+    "@zag-js/pagination": "^0.77.0",
+    "@zag-js/pin-input": "^0.77.0",
+    "@zag-js/popover": "^0.77.0",
+    "@zag-js/presence": "^0.77.0",
+    "@zag-js/progress": "^0.77.0",
+    "@zag-js/qr-code": "^0.77.0",
+    "@zag-js/radio-group": "^0.77.0",
+    "@zag-js/rating-group": "^0.77.0",
+    "@zag-js/select": "^0.77.0",
+    "@zag-js/signature-pad": "^0.77.0",
+    "@zag-js/slider": "^0.77.0",
+    "@zag-js/splitter": "^0.77.0",
+    "@zag-js/steps": "^0.77.0",
+    "@zag-js/svelte": "^0.77.0",
+    "@zag-js/switch": "^0.77.0",
+    "@zag-js/tabs": "^0.77.0",
+    "@zag-js/tags-input": "^0.77.0",
+    "@zag-js/time-picker": "^0.77.0",
+    "@zag-js/timer": "^0.77.0",
+    "@zag-js/toast": "^0.77.0",
+    "@zag-js/toggle-group": "^0.77.0",
+    "@zag-js/tooltip": "^0.77.0",
+    "@zag-js/tour": "^0.77.0",
+    "@zag-js/tree-view": "^0.77.0",
+    "@zag-js/utils": "^0.77.0"
   },
   "peerDependencies": {
     "svelte": ">=5.0.0"
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
-    "@sveltejs/adapter-vercel": "^5.4.6",
-    "@sveltejs/kit": "^2.7.4",
+    "@sveltejs/adapter-vercel": "^5.4.7",
+    "@sveltejs/kit": "^2.8.0",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@testing-library/jest-dom": "^6.6.3",
@@ -361,14 +362,14 @@
     "@types/jsdom": "^21.1.7",
     "@untitled-theme/icons-svelte": "^0.12.0",
     "autoprefixer": "^10.4.20",
-    "globals": "^15.11.0",
+    "globals": "^15.12.0",
     "jsdom": "^25.0.1",
     "postcss": "^8.4.47",
     "publint": "^0.2.12",
     "release-it": "^17.10.0",
     "resize-observer-polyfill": "^1.5.1",
-    "svelte": "^5.1.9",
-    "svelte-check": "^4.0.5",
+    "svelte": "^5.1.13",
+    "svelte-check": "^4.0.6",
     "tailwind-merge": "^2.5.4",
     "tailwind-variants": "^0.2.1",
     "tailwindcss": "^3.4.14",
diff --git a/packages/core/src/lib/accordion/accordion-item-trigger.svelte b/packages/core/src/lib/accordion/accordion-item-trigger.svelte
index 6bb63d94..3560569d 100644
--- a/packages/core/src/lib/accordion/accordion-item-trigger.svelte
+++ b/packages/core/src/lib/accordion/accordion-item-trigger.svelte
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/alert-dialog/alert-dialog-close-trigger.svelte b/packages/core/src/lib/alert-dialog/alert-dialog-close-trigger.svelte
index fd8f0846..bb0647e0 100644
--- a/packages/core/src/lib/alert-dialog/alert-dialog-close-trigger.svelte
+++ b/packages/core/src/lib/alert-dialog/alert-dialog-close-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/alert-dialog/alert-dialog-trigger.svelte b/packages/core/src/lib/alert-dialog/alert-dialog-trigger.svelte
index f6c357b3..6ca349e3 100644
--- a/packages/core/src/lib/alert-dialog/alert-dialog-trigger.svelte
+++ b/packages/core/src/lib/alert-dialog/alert-dialog-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/carousel/carousel-indicator.svelte b/packages/core/src/lib/carousel/carousel-indicator.svelte
index 04f9e6b6..70208523 100644
--- a/packages/core/src/lib/carousel/carousel-indicator.svelte
+++ b/packages/core/src/lib/carousel/carousel-indicator.svelte
@@ -35,7 +35,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/carousel/carousel-next-trigger.svelte b/packages/core/src/lib/carousel/carousel-next-trigger.svelte
index 049693ed..4ed03cc0 100644
--- a/packages/core/src/lib/carousel/carousel-next-trigger.svelte
+++ b/packages/core/src/lib/carousel/carousel-next-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/carousel/carousel-prev-trigger.svelte b/packages/core/src/lib/carousel/carousel-prev-trigger.svelte
index 561eca1a..3e413495 100644
--- a/packages/core/src/lib/carousel/carousel-prev-trigger.svelte
+++ b/packages/core/src/lib/carousel/carousel-prev-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/clipboard/clipboard-trigger.svelte b/packages/core/src/lib/clipboard/clipboard-trigger.svelte
index a84f809b..85f7a466 100644
--- a/packages/core/src/lib/clipboard/clipboard-trigger.svelte
+++ b/packages/core/src/lib/clipboard/clipboard-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/collapsible/collapsible-trigger.svelte b/packages/core/src/lib/collapsible/collapsible-trigger.svelte
index 666e0437..d224bfce 100644
--- a/packages/core/src/lib/collapsible/collapsible-trigger.svelte
+++ b/packages/core/src/lib/collapsible/collapsible-trigger.svelte
@@ -23,7 +23,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/color-picker/color-picker-swatch-trigger.svelte b/packages/core/src/lib/color-picker/color-picker-swatch-trigger.svelte
index 67bb976f..2278f44a 100644
--- a/packages/core/src/lib/color-picker/color-picker-swatch-trigger.svelte
+++ b/packages/core/src/lib/color-picker/color-picker-swatch-trigger.svelte
@@ -38,7 +38,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/color-picker/create-color-picker.svelte.ts b/packages/core/src/lib/color-picker/create-color-picker.svelte.ts
index 16fd5cbc..68542280 100644
--- a/packages/core/src/lib/color-picker/create-color-picker.svelte.ts
+++ b/packages/core/src/lib/color-picker/create-color-picker.svelte.ts
@@ -6,12 +6,11 @@ import * as colorPicker from '@zag-js/color-picker';
 import {normalizeProps, reflect, useMachine} from '@zag-js/svelte';
 import {parts} from './color-picker-anatomy.js';
 
-type Omitted = 'id' | 'dir' | 'value' | 'getRootNode' | 'open.controlled';
+type Omitted = 'id' | 'dir' | 'getRootNode' | 'open.controlled';
 
 export interface CreateColorPickerProps
   extends Omit<colorPicker.Context, Omitted> {
   id?: string;
-  value?: string;
   openControlled?: boolean;
 }
 
@@ -32,7 +31,6 @@ export function createColorPicker(
     id,
     dir: locale?.dir,
     ...props,
-    value: props.value ? colorPicker.parse(props.value) : undefined,
     getRootNode: environment?.getRootNode,
     'open.controlled': props.openControlled,
   }));
diff --git a/packages/core/src/lib/color-picker/index.ts b/packages/core/src/lib/color-picker/index.ts
index 472d94e3..03321515 100644
--- a/packages/core/src/lib/color-picker/index.ts
+++ b/packages/core/src/lib/color-picker/index.ts
@@ -28,5 +28,6 @@ export type {ColorPickerValueSwatchProps} from './color-picker-value-swatch.svel
 export type {ColorPickerValueTextProps} from './color-picker-value-text.svelte';
 export type {ColorPickerViewTextProps} from './color-picker-view.svelte';
 
+export type {Color} from '@zag-js/color-picker';
 export {anatomy as colorPickerAnatomy} from './color-picker-anatomy.js';
 export {getColorPickerContext} from './color-picker-context.svelte.js';
diff --git a/packages/core/src/lib/combobox/combobox-clear-trigger.svelte b/packages/core/src/lib/combobox/combobox-clear-trigger.svelte
index 3bc28080..0abbf2fe 100644
--- a/packages/core/src/lib/combobox/combobox-clear-trigger.svelte
+++ b/packages/core/src/lib/combobox/combobox-clear-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/combobox/combobox-root.svelte b/packages/core/src/lib/combobox/combobox-root.svelte
index 037d11e8..bf0b5673 100644
--- a/packages/core/src/lib/combobox/combobox-root.svelte
+++ b/packages/core/src/lib/combobox/combobox-root.svelte
@@ -6,15 +6,15 @@
     CreateComboboxReturn,
   } from './create-combobox.svelte.js';
 
-  export interface ComboboxProps<T>
+  export interface ComboboxProps
     extends Assign<
         HtmlIngredientProps<'div', HTMLDivElement, CreateComboboxReturn>,
-        CreateComboboxProps<T>
+        CreateComboboxProps
       >,
       PresenceStrategyProps {}
 </script>
 
-<script lang="ts" generics="T">
+<script lang="ts">
   import {mergeProps} from '$lib/merge-props.js';
   import {createPresence} from '$lib/presence/create-presence.svelte.js';
   import {setPresenceContext} from '$lib/presence/presence-context.svelte.js';
@@ -28,7 +28,7 @@
     asChild,
     children,
     ...props
-  }: ComboboxProps<T> = $props();
+  }: ComboboxProps = $props();
 
   let [presenceStrategyProps, rest] = $derived(
     createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
@@ -37,14 +37,14 @@
   );
 
   let [createComboboxProps, localProps] = $derived(
-    createSplitProps<CreateComboboxProps<T>>([
+    createSplitProps<CreateComboboxProps>([
       'id',
       'ids',
       'name',
       'form',
       'open',
       'openControlled',
-      'items',
+      'collection',
       'value',
       'invalid',
       'disabled',
@@ -67,9 +67,6 @@
       'allowCustomValue',
       'highlightedValue',
       'selectionBehavior',
-      'itemToString',
-      'itemToValue',
-      'isItemDisabled',
       'onOpenChange',
       'onValueChange',
       'onFocusOutside',
@@ -77,7 +74,6 @@
       'onInteractOutside',
       'onInputValueChange',
       'onPointerDownOutside',
-      'getSelectionValue',
       'scrollToIndexFn',
     ])(rest),
   );
diff --git a/packages/core/src/lib/combobox/combobox-trigger.svelte b/packages/core/src/lib/combobox/combobox-trigger.svelte
index 570e6d24..4ec6bd08 100644
--- a/packages/core/src/lib/combobox/combobox-trigger.svelte
+++ b/packages/core/src/lib/combobox/combobox-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/combobox/combobox.ts b/packages/core/src/lib/combobox/combobox.ts
index cc55d552..5000f66d 100644
--- a/packages/core/src/lib/combobox/combobox.ts
+++ b/packages/core/src/lib/combobox/combobox.ts
@@ -1,3 +1,4 @@
+export {collection} from '@zag-js/combobox';
 export {default as ClearTrigger} from './combobox-clear-trigger.svelte';
 export {default as Content} from './combobox-content.svelte';
 export {default as Control} from './combobox-control.svelte';
diff --git a/packages/core/src/lib/combobox/create-combobox.svelte.ts b/packages/core/src/lib/combobox/create-combobox.svelte.ts
index 32ee3ef9..35d498aa 100644
--- a/packages/core/src/lib/combobox/create-combobox.svelte.ts
+++ b/packages/core/src/lib/combobox/create-combobox.svelte.ts
@@ -4,33 +4,19 @@ import {getFieldContext} from '$lib/field/field-context.svelte.js';
 import {getLocaleContext} from '$lib/locale-provider/local-provider-context.svelte.js';
 import * as combobox from '@zag-js/combobox';
 import {normalizeProps, reflect, useMachine} from '@zag-js/svelte';
-import {createSplitProps} from '@zag-js/utils';
 
-type Omitted = 'id' | 'dir' | 'collection' | 'getRootNode' | 'open.controlled';
+type Omitted = 'id' | 'dir' | 'getRootNode' | 'open.controlled';
 
-export interface CreateComboboxProps<T>
-  extends combobox.CollectionOptions<T>,
-    Omit<combobox.Context, Omitted> {
+export interface CreateComboboxProps extends Omit<combobox.Context, Omitted> {
   id?: string;
   openControlled?: boolean;
 }
 
 export interface CreateComboboxReturn extends combobox.Api {}
 
-export function createCombobox<T>(
-  props: CreateComboboxProps<T>,
+export function createCombobox(
+  props: CreateComboboxProps,
 ): CreateComboboxReturn {
-  const [collectionProps, comboboxProps] = $derived(
-    createSplitProps<combobox.CollectionOptions<T>>([
-      'items',
-      'itemToValue',
-      'itemToString',
-      'isItemDisabled',
-    ])(props),
-  );
-
-  const collection = $derived(combobox.collection(collectionProps));
-
   const field = getFieldContext();
   const locale = getLocaleContext();
   const environment = getEnvironmentContext();
@@ -48,10 +34,9 @@ export function createCombobox<T>(
     disabled: field?.disabled,
     readOnly: field?.readOnly,
     required: field?.required,
-    ...comboboxProps,
+    ...props,
     getRootNode: environment?.getRootNode,
     'open.controlled': props.openControlled,
-    collection,
   }));
 
   const [state, send, service] = useMachine(combobox.machine(context));
diff --git a/packages/core/src/lib/create-context.svelte.ts b/packages/core/src/lib/create-context.svelte.ts
index 7e54af73..a380b6fc 100644
--- a/packages/core/src/lib/create-context.svelte.ts
+++ b/packages/core/src/lib/create-context.svelte.ts
@@ -14,9 +14,6 @@ type CreateContextReturn<T, Strict extends boolean> = [
   hasContext: HasContext,
 ];
 
-export function createContext<T extends GenericObject>(
-  key: string,
-): CreateContextReturn<T, true>;
 export function createContext<T extends GenericObject>(
   key: string,
   strict: true,
@@ -25,6 +22,9 @@ export function createContext<T extends GenericObject>(
   key: string,
   strict: false,
 ): CreateContextReturn<T, false>;
+export function createContext<T extends GenericObject>(
+  key: string,
+): CreateContextReturn<T, true>;
 export function createContext<T extends GenericObject>(
   ...args: [string, boolean?]
 ): CreateContextReturn<T, boolean> {
diff --git a/packages/core/src/lib/date-picker/create-date-picker.svelte.ts b/packages/core/src/lib/date-picker/create-date-picker.svelte.ts
index b3108e5b..8ec3f88e 100644
--- a/packages/core/src/lib/date-picker/create-date-picker.svelte.ts
+++ b/packages/core/src/lib/date-picker/create-date-picker.svelte.ts
@@ -7,23 +7,11 @@ import {normalizeProps, reflect, useMachine} from '@zag-js/svelte';
 import type {HTMLAttributes} from 'svelte/elements';
 import {parts} from './date-picker-anatomy.js';
 
-type Omitted =
-  | 'id'
-  | 'dir'
-  | 'min'
-  | 'max'
-  | 'value'
-  | 'focusedValue'
-  | 'getRootNode'
-  | 'open.controlled';
+type Omitted = 'id' | 'dir' | 'getRootNode' | 'open.controlled';
 
 export interface CreateDatePickerProps
   extends Omit<datePicker.Context, Omitted> {
   id?: string;
-  min?: string | Date;
-  max?: string | Date;
-  value?: string[] | Date[];
-  focusedValue?: string | Date;
   openControlled?: boolean;
 }
 
@@ -44,12 +32,6 @@ export function createDatePicker(
     dir: locale?.dir,
     locale: locale?.locale,
     ...props,
-    min: props.min ? datePicker.parse(props.min) : undefined,
-    max: props.max ? datePicker.parse(props.max) : undefined,
-    value: props.value ? datePicker.parse(props.value) : undefined,
-    focusedValue: props.focusedValue
-      ? datePicker.parse(props.focusedValue)
-      : undefined,
     getRootNode: environment?.getRootNode,
     'open.controlled': props.openControlled,
   }));
diff --git a/packages/core/src/lib/date-picker/date-picker-clear-trigger.svelte b/packages/core/src/lib/date-picker/date-picker-clear-trigger.svelte
index bf7edfca..f91f5c1d 100644
--- a/packages/core/src/lib/date-picker/date-picker-clear-trigger.svelte
+++ b/packages/core/src/lib/date-picker/date-picker-clear-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/date-picker/date-picker-day-table-cell-trigger.svelte b/packages/core/src/lib/date-picker/date-picker-day-table-cell-trigger.svelte
index 2cca8601..9dfbcf50 100644
--- a/packages/core/src/lib/date-picker/date-picker-day-table-cell-trigger.svelte
+++ b/packages/core/src/lib/date-picker/date-picker-day-table-cell-trigger.svelte
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/date-picker/date-picker-month-table-cell-trigger.svelte b/packages/core/src/lib/date-picker/date-picker-month-table-cell-trigger.svelte
index fb60b332..29f91f72 100644
--- a/packages/core/src/lib/date-picker/date-picker-month-table-cell-trigger.svelte
+++ b/packages/core/src/lib/date-picker/date-picker-month-table-cell-trigger.svelte
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/date-picker/date-picker-next-trigger.svelte b/packages/core/src/lib/date-picker/date-picker-next-trigger.svelte
index e7d4d9b3..9ccef0ec 100644
--- a/packages/core/src/lib/date-picker/date-picker-next-trigger.svelte
+++ b/packages/core/src/lib/date-picker/date-picker-next-trigger.svelte
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/date-picker/date-picker-preset-trigger.svelte b/packages/core/src/lib/date-picker/date-picker-preset-trigger.svelte
index 9fc418e4..9ebe71d2 100644
--- a/packages/core/src/lib/date-picker/date-picker-preset-trigger.svelte
+++ b/packages/core/src/lib/date-picker/date-picker-preset-trigger.svelte
@@ -31,7 +31,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/date-picker/date-picker-prev-trigger.svelte b/packages/core/src/lib/date-picker/date-picker-prev-trigger.svelte
index 5675c041..6911349b 100644
--- a/packages/core/src/lib/date-picker/date-picker-prev-trigger.svelte
+++ b/packages/core/src/lib/date-picker/date-picker-prev-trigger.svelte
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/date-picker/date-picker-trigger.svelte b/packages/core/src/lib/date-picker/date-picker-trigger.svelte
index 291fcab3..54c96599 100644
--- a/packages/core/src/lib/date-picker/date-picker-trigger.svelte
+++ b/packages/core/src/lib/date-picker/date-picker-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/date-picker/date-picker-view-trigger.svelte b/packages/core/src/lib/date-picker/date-picker-view-trigger.svelte
index aeaefc69..c00cfbeb 100644
--- a/packages/core/src/lib/date-picker/date-picker-view-trigger.svelte
+++ b/packages/core/src/lib/date-picker/date-picker-view-trigger.svelte
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/date-picker/date-picker-year-table-cell-trigger.svelte b/packages/core/src/lib/date-picker/date-picker-year-table-cell-trigger.svelte
index e1893faf..50182ecd 100644
--- a/packages/core/src/lib/date-picker/date-picker-year-table-cell-trigger.svelte
+++ b/packages/core/src/lib/date-picker/date-picker-year-table-cell-trigger.svelte
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/date-picker/index.ts b/packages/core/src/lib/date-picker/index.ts
index 4c0067bf..2cae1384 100644
--- a/packages/core/src/lib/date-picker/index.ts
+++ b/packages/core/src/lib/date-picker/index.ts
@@ -29,5 +29,6 @@ export type {DatePickerYearSelectProps} from './date-picker-year-select.svelte';
 export type {DatePickerYearTableCellTriggerProps} from './date-picker-year-table-cell-trigger.svelte';
 export type {DatePickerYearTableCellProps} from './date-picker-year-table-cell.svelte';
 
+export type {DateValue} from '@zag-js/date-picker';
 export {anatomy as datePickerAnatomy} from './date-picker-anatomy.js';
 export {getDatePickerContext} from './date-picker-context.svelte.js';
diff --git a/packages/core/src/lib/dialog/dialog-close-trigger.svelte b/packages/core/src/lib/dialog/dialog-close-trigger.svelte
index 55a5566c..147658a3 100644
--- a/packages/core/src/lib/dialog/dialog-close-trigger.svelte
+++ b/packages/core/src/lib/dialog/dialog-close-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/dialog/dialog-trigger.svelte b/packages/core/src/lib/dialog/dialog-trigger.svelte
index 82b79bb5..33016222 100644
--- a/packages/core/src/lib/dialog/dialog-trigger.svelte
+++ b/packages/core/src/lib/dialog/dialog-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/drawer/drawer-close-trigger.svelte b/packages/core/src/lib/drawer/drawer-close-trigger.svelte
index 03527251..21abe3cd 100644
--- a/packages/core/src/lib/drawer/drawer-close-trigger.svelte
+++ b/packages/core/src/lib/drawer/drawer-close-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/drawer/drawer-trigger.svelte b/packages/core/src/lib/drawer/drawer-trigger.svelte
index f63713ec..d5c43a51 100644
--- a/packages/core/src/lib/drawer/drawer-trigger.svelte
+++ b/packages/core/src/lib/drawer/drawer-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/editable/editable-cancel-trigger.svelte b/packages/core/src/lib/editable/editable-cancel-trigger.svelte
index 3e0f5efb..814e2890 100644
--- a/packages/core/src/lib/editable/editable-cancel-trigger.svelte
+++ b/packages/core/src/lib/editable/editable-cancel-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/editable/editable-edit-trigger.svelte b/packages/core/src/lib/editable/editable-edit-trigger.svelte
index 5568558e..7dc83f5a 100644
--- a/packages/core/src/lib/editable/editable-edit-trigger.svelte
+++ b/packages/core/src/lib/editable/editable-edit-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/editable/editable-submit-trigger.svelte b/packages/core/src/lib/editable/editable-submit-trigger.svelte
index 54c43852..47898cf9 100644
--- a/packages/core/src/lib/editable/editable-submit-trigger.svelte
+++ b/packages/core/src/lib/editable/editable-submit-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/field/field-textarea.svelte b/packages/core/src/lib/field/field-textarea.svelte
index 0382206d..6111bf69 100644
--- a/packages/core/src/lib/field/field-textarea.svelte
+++ b/packages/core/src/lib/field/field-textarea.svelte
@@ -1,25 +1,51 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '$lib/types.js';
+  import {autoresizeTextarea} from '@zag-js/auto-resize';
+  import type {Action} from 'svelte/action';
 
   export interface FieldTextareaProps
-    extends HtmlIngredientProps<'textarea', HTMLTextAreaElement> {}
+    extends HtmlIngredientProps<
+      'textarea',
+      HTMLTextAreaElement,
+      never,
+      Action<HTMLTextAreaElement>
+    > {
+    autoResize?: boolean;
+  }
+
+  function action(node: HTMLTextAreaElement) {
+    const destroy = autoresizeTextarea(node);
+
+    return {
+      destroy,
+    };
+  }
 </script>
 
 <script lang="ts">
   import {mergeProps} from '$lib/merge-props.js';
   import {getFieldContext} from './field-context.svelte.js';
 
-  let {ref = $bindable(null), asChild, ...props}: FieldTextareaProps = $props();
+  let {
+    ref = $bindable(null),
+    autoResize,
+    asChild,
+    ...props
+  }: FieldTextareaProps = $props();
 
   let field = getFieldContext();
 
   let mergedProps = $derived(
     mergeProps(field?.getTextareaProps() ?? {}, props),
   );
+
+  function wrappedAction(node: HTMLTextAreaElement) {
+    return autoResize ? action(node) : {};
+  }
 </script>
 
 {#if asChild}
-  {@render asChild(mergedProps)}
+  {@render asChild(wrappedAction, mergedProps)}
 {:else}
-  <textarea bind:this={ref} {...mergedProps}></textarea>
+  <textarea bind:this={ref} use:wrappedAction {...mergedProps}></textarea>
 {/if}
diff --git a/packages/core/src/lib/file-upload/file-upload-clear-trigger.svelte b/packages/core/src/lib/file-upload/file-upload-clear-trigger.svelte
index 0c1e1c28..f16a6cb7 100644
--- a/packages/core/src/lib/file-upload/file-upload-clear-trigger.svelte
+++ b/packages/core/src/lib/file-upload/file-upload-clear-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/file-upload/file-upload-item-delete-trigger.svelte b/packages/core/src/lib/file-upload/file-upload-item-delete-trigger.svelte
index de2e32e9..cbe274ed 100644
--- a/packages/core/src/lib/file-upload/file-upload-item-delete-trigger.svelte
+++ b/packages/core/src/lib/file-upload/file-upload-item-delete-trigger.svelte
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/file-upload/file-upload-trigger.svelte b/packages/core/src/lib/file-upload/file-upload-trigger.svelte
index 8655d5cb..d9f1e441 100644
--- a/packages/core/src/lib/file-upload/file-upload-trigger.svelte
+++ b/packages/core/src/lib/file-upload/file-upload-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/floating-panel/floating-panel-close-trigger.svelte b/packages/core/src/lib/floating-panel/floating-panel-close-trigger.svelte
index c7f5bee1..745a586f 100644
--- a/packages/core/src/lib/floating-panel/floating-panel-close-trigger.svelte
+++ b/packages/core/src/lib/floating-panel/floating-panel-close-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/floating-panel/floating-panel-drag-trigger.svelte b/packages/core/src/lib/floating-panel/floating-panel-drag-trigger.svelte
index a04c8ded..3ec3a2eb 100644
--- a/packages/core/src/lib/floating-panel/floating-panel-drag-trigger.svelte
+++ b/packages/core/src/lib/floating-panel/floating-panel-drag-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/floating-panel/floating-panel-maximize-trigger.svelte b/packages/core/src/lib/floating-panel/floating-panel-maximize-trigger.svelte
index 7394d277..0872b741 100644
--- a/packages/core/src/lib/floating-panel/floating-panel-maximize-trigger.svelte
+++ b/packages/core/src/lib/floating-panel/floating-panel-maximize-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/floating-panel/floating-panel-minimize-trigger.svelte b/packages/core/src/lib/floating-panel/floating-panel-minimize-trigger.svelte
index 7ef17cd5..457085ee 100644
--- a/packages/core/src/lib/floating-panel/floating-panel-minimize-trigger.svelte
+++ b/packages/core/src/lib/floating-panel/floating-panel-minimize-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/floating-panel/floating-panel-resize-trigger.svelte b/packages/core/src/lib/floating-panel/floating-panel-resize-trigger.svelte
index 9774b147..fd496ae3 100644
--- a/packages/core/src/lib/floating-panel/floating-panel-resize-trigger.svelte
+++ b/packages/core/src/lib/floating-panel/floating-panel-resize-trigger.svelte
@@ -38,7 +38,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/floating-panel/floating-panel-restore-trigger.svelte b/packages/core/src/lib/floating-panel/floating-panel-restore-trigger.svelte
index d64ea979..03ed6a04 100644
--- a/packages/core/src/lib/floating-panel/floating-panel-restore-trigger.svelte
+++ b/packages/core/src/lib/floating-panel/floating-panel-restore-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/floating-panel/floating-panel-trigger.svelte b/packages/core/src/lib/floating-panel/floating-panel-trigger.svelte
index cab06777..15eb0818 100644
--- a/packages/core/src/lib/floating-panel/floating-panel-trigger.svelte
+++ b/packages/core/src/lib/floating-panel/floating-panel-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/menu/menu-context-trigger.svelte b/packages/core/src/lib/menu/menu-context-trigger.svelte
index 3ccf718a..33595a45 100644
--- a/packages/core/src/lib/menu/menu-context-trigger.svelte
+++ b/packages/core/src/lib/menu/menu-context-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/menu/menu-trigger-item.svelte b/packages/core/src/lib/menu/menu-trigger-item.svelte
index a038e413..85b3e370 100644
--- a/packages/core/src/lib/menu/menu-trigger-item.svelte
+++ b/packages/core/src/lib/menu/menu-trigger-item.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/menu/menu-trigger.svelte b/packages/core/src/lib/menu/menu-trigger.svelte
index 5cfcf36c..7616fc36 100644
--- a/packages/core/src/lib/menu/menu-trigger.svelte
+++ b/packages/core/src/lib/menu/menu-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/number-input/number-input-decrement-trigger.svelte b/packages/core/src/lib/number-input/number-input-decrement-trigger.svelte
index 2aea4062..ab563447 100644
--- a/packages/core/src/lib/number-input/number-input-decrement-trigger.svelte
+++ b/packages/core/src/lib/number-input/number-input-decrement-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/number-input/number-input-increment-trigger.svelte b/packages/core/src/lib/number-input/number-input-increment-trigger.svelte
index 0c4f0dd6..67237122 100644
--- a/packages/core/src/lib/number-input/number-input-increment-trigger.svelte
+++ b/packages/core/src/lib/number-input/number-input-increment-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/pagination/pagination-item.svelte b/packages/core/src/lib/pagination/pagination-item.svelte
index 0e2d362e..2f03880b 100644
--- a/packages/core/src/lib/pagination/pagination-item.svelte
+++ b/packages/core/src/lib/pagination/pagination-item.svelte
@@ -37,7 +37,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {#if children}
       {@render children?.()}
     {:else}
diff --git a/packages/core/src/lib/pagination/pagination-next-trigger.svelte b/packages/core/src/lib/pagination/pagination-next-trigger.svelte
index 78da5f5a..8c424156 100644
--- a/packages/core/src/lib/pagination/pagination-next-trigger.svelte
+++ b/packages/core/src/lib/pagination/pagination-next-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/pagination/pagination-prev-trigger.svelte b/packages/core/src/lib/pagination/pagination-prev-trigger.svelte
index 59da7ed5..7c169615 100644
--- a/packages/core/src/lib/pagination/pagination-prev-trigger.svelte
+++ b/packages/core/src/lib/pagination/pagination-prev-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/pin-input/create-pin-input.svelte.ts b/packages/core/src/lib/pin-input/create-pin-input.svelte.ts
index f7fbe6b0..aefc78ea 100644
--- a/packages/core/src/lib/pin-input/create-pin-input.svelte.ts
+++ b/packages/core/src/lib/pin-input/create-pin-input.svelte.ts
@@ -50,6 +50,7 @@ export function createPinInputContext(
       ...o,
       getClearTriggerProps(): HtmlProps<'button'> {
         return {
+          type: 'button',
           onclick() {
             o.clearValue();
           },
diff --git a/packages/core/src/lib/pin-input/pin-input-clear-trigger.svelte b/packages/core/src/lib/pin-input/pin-input-clear-trigger.svelte
index 2db91e28..0cc622d9 100644
--- a/packages/core/src/lib/pin-input/pin-input-clear-trigger.svelte
+++ b/packages/core/src/lib/pin-input/pin-input-clear-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/popover/popover-close-trigger.svelte b/packages/core/src/lib/popover/popover-close-trigger.svelte
index 826b7245..ea8a49b6 100644
--- a/packages/core/src/lib/popover/popover-close-trigger.svelte
+++ b/packages/core/src/lib/popover/popover-close-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/popover/popover-trigger.svelte b/packages/core/src/lib/popover/popover-trigger.svelte
index a3ca7151..0c6e6f49 100644
--- a/packages/core/src/lib/popover/popover-trigger.svelte
+++ b/packages/core/src/lib/popover/popover-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/select/create-select.svelte.ts b/packages/core/src/lib/select/create-select.svelte.ts
index 06f3f536..16c0150a 100644
--- a/packages/core/src/lib/select/create-select.svelte.ts
+++ b/packages/core/src/lib/select/create-select.svelte.ts
@@ -4,33 +4,17 @@ import {getFieldContext} from '$lib/field/field-context.svelte.js';
 import {getLocaleContext} from '$lib/locale-provider/local-provider-context.svelte.js';
 import * as select from '@zag-js/select';
 import {normalizeProps, reflect, useMachine} from '@zag-js/svelte';
-import {createSplitProps} from '@zag-js/utils';
 
-type Omitted = 'id' | 'dir' | 'getRootNode' | 'collection' | 'open.controlled';
+type Omitted = 'id' | 'dir' | 'getRootNode' | 'open.controlled';
 
-export interface CreateSelectProps<T>
-  extends select.CollectionOptions<T>,
-    Omit<select.Context, Omitted> {
+export interface CreateSelectProps extends Omit<select.Context, Omitted> {
   id?: string;
   openControlled?: boolean;
 }
 
 export interface CreateSelectReturn extends select.Api {}
 
-export function createSelect<T>(
-  props: CreateSelectProps<T>,
-): CreateSelectReturn {
-  const [collectionProps, selectProps] = $derived(
-    createSplitProps<select.CollectionOptions<T>>([
-      'items',
-      'itemToValue',
-      'itemToString',
-      'isItemDisabled',
-    ])(props),
-  );
-
-  const collection = $derived(select.collection(collectionProps));
-
+export function createSelect(props: CreateSelectProps): CreateSelectReturn {
   const field = getFieldContext();
   const locale = getLocaleContext();
   const environment = getEnvironmentContext();
@@ -48,10 +32,9 @@ export function createSelect<T>(
     disabled: field?.disabled,
     readOnly: field?.readOnly,
     required: field?.required,
-    ...selectProps,
+    ...props,
     getRootNode: environment?.getRootNode,
     'open.controlled': props.openControlled,
-    collection,
   }));
 
   const [state, send] = useMachine(select.machine(context), {context});
diff --git a/packages/core/src/lib/select/select-clear-trigger.svelte b/packages/core/src/lib/select/select-clear-trigger.svelte
index 3869dec4..83421275 100644
--- a/packages/core/src/lib/select/select-clear-trigger.svelte
+++ b/packages/core/src/lib/select/select-clear-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/select/select-root.svelte b/packages/core/src/lib/select/select-root.svelte
index d0ca75ee..e91bf479 100644
--- a/packages/core/src/lib/select/select-root.svelte
+++ b/packages/core/src/lib/select/select-root.svelte
@@ -6,15 +6,15 @@
     CreateSelectReturn,
   } from './create-select.svelte.js';
 
-  export interface SelectProps<T>
+  export interface SelectProps
     extends Assign<
         HtmlIngredientProps<'div', HTMLDivElement, CreateSelectReturn>,
-        CreateSelectProps<T>
+        CreateSelectProps
       >,
       PresenceStrategyProps {}
 </script>
 
-<script lang="ts" generics="T">
+<script lang="ts">
   import {mergeProps} from '$lib/merge-props.js';
   import {createPresence} from '$lib/presence/create-presence.svelte.js';
   import {setPresenceContext} from '$lib/presence/presence-context.svelte.js';
@@ -28,10 +28,10 @@
     asChild,
     children,
     ...props
-  }: SelectProps<T> = $props();
+  }: SelectProps = $props();
 
   let [createSelectProps, rest] = $derived(
-    createSplitProps<CreateSelectProps<T>>([
+    createSplitProps<CreateSelectProps>([
       'id',
       'ids',
       'form',
@@ -39,7 +39,6 @@
       'open',
       'openControlled',
       'value',
-      'items',
       'invalid',
       'multiple',
       'disabled',
@@ -51,9 +50,6 @@
       'deselectable',
       'closeOnSelect',
       'highlightedValue',
-      'itemToValue',
-      'itemToString',
-      'isItemDisabled',
       'onOpenChange',
       'onValueChange',
       'onFocusOutside',
@@ -61,6 +57,7 @@
       'onInteractOutside',
       'onPointerDownOutside',
       'scrollToIndexFn',
+      'collection',
     ])(props),
   );
 
diff --git a/packages/core/src/lib/select/select-trigger.svelte b/packages/core/src/lib/select/select-trigger.svelte
index c656c7bc..3d8d6c08 100644
--- a/packages/core/src/lib/select/select-trigger.svelte
+++ b/packages/core/src/lib/select/select-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/select/select.ts b/packages/core/src/lib/select/select.ts
index d54137bb..eb2792e5 100644
--- a/packages/core/src/lib/select/select.ts
+++ b/packages/core/src/lib/select/select.ts
@@ -1,3 +1,4 @@
+export {collection} from '@zag-js/select';
 export {default as ClearTrigger} from './select-clear-trigger.svelte';
 export {default as Content} from './select-content.svelte';
 export {default as Control} from './select-control.svelte';
diff --git a/packages/core/src/lib/signature-pad/signature-pad-clear-trigger.svelte b/packages/core/src/lib/signature-pad/signature-pad-clear-trigger.svelte
index bcae314f..4ba09e18 100644
--- a/packages/core/src/lib/signature-pad/signature-pad-clear-trigger.svelte
+++ b/packages/core/src/lib/signature-pad/signature-pad-clear-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/steps/steps-next-trigger.svelte b/packages/core/src/lib/steps/steps-next-trigger.svelte
index ea124c02..b1fe2d83 100644
--- a/packages/core/src/lib/steps/steps-next-trigger.svelte
+++ b/packages/core/src/lib/steps/steps-next-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/steps/steps-prev-trigger.svelte b/packages/core/src/lib/steps/steps-prev-trigger.svelte
index 212c9b61..4b0a0063 100644
--- a/packages/core/src/lib/steps/steps-prev-trigger.svelte
+++ b/packages/core/src/lib/steps/steps-prev-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/steps/steps-trigger.svelte b/packages/core/src/lib/steps/steps-trigger.svelte
index 9889f670..6f5a0131 100644
--- a/packages/core/src/lib/steps/steps-trigger.svelte
+++ b/packages/core/src/lib/steps/steps-trigger.svelte
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/tabs/tabs-trigger.svelte b/packages/core/src/lib/tabs/tabs-trigger.svelte
index f6ae62cf..8d15bcef 100644
--- a/packages/core/src/lib/tabs/tabs-trigger.svelte
+++ b/packages/core/src/lib/tabs/tabs-trigger.svelte
@@ -35,7 +35,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/tags-input/tags-input-clear-trigger.svelte b/packages/core/src/lib/tags-input/tags-input-clear-trigger.svelte
index 6a9c94e1..b581abbf 100644
--- a/packages/core/src/lib/tags-input/tags-input-clear-trigger.svelte
+++ b/packages/core/src/lib/tags-input/tags-input-clear-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/tags-input/tags-input-item-delete-trigger.svelte b/packages/core/src/lib/tags-input/tags-input-item-delete-trigger.svelte
index 5132edad..7eae9167 100644
--- a/packages/core/src/lib/tags-input/tags-input-item-delete-trigger.svelte
+++ b/packages/core/src/lib/tags-input/tags-input-item-delete-trigger.svelte
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/time-picker/index.ts b/packages/core/src/lib/time-picker/index.ts
index 8ea52db8..828bd04a 100644
--- a/packages/core/src/lib/time-picker/index.ts
+++ b/packages/core/src/lib/time-picker/index.ts
@@ -15,5 +15,5 @@ export type {TimePickerSecondCellProps} from './time-picker-second-cell.svelte';
 export type {TimePickerSpacerProps} from './time-picker-spacer.svelte';
 export type {TimePickerTriggerProps} from './time-picker-trigger.svelte';
 
-export {anatomy as timePickerAnatomy} from '@zag-js/time-picker';
+export {anatomy as timePickerAnatomy, type Time} from '@zag-js/time-picker';
 export {getTimePickerContext} from './time-picker-context.svelte.js';
diff --git a/packages/core/src/lib/time-picker/time-picker-clear-trigger.svelte b/packages/core/src/lib/time-picker/time-picker-clear-trigger.svelte
index b3141d67..58ae0905 100644
--- a/packages/core/src/lib/time-picker/time-picker-clear-trigger.svelte
+++ b/packages/core/src/lib/time-picker/time-picker-clear-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/time-picker/time-picker-trigger.svelte b/packages/core/src/lib/time-picker/time-picker-trigger.svelte
index 2c1165c6..8af756f1 100644
--- a/packages/core/src/lib/time-picker/time-picker-trigger.svelte
+++ b/packages/core/src/lib/time-picker/time-picker-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/timer/timer-action-trigger.svelte b/packages/core/src/lib/timer/timer-action-trigger.svelte
index 00eda6e4..39d949eb 100644
--- a/packages/core/src/lib/timer/timer-action-trigger.svelte
+++ b/packages/core/src/lib/timer/timer-action-trigger.svelte
@@ -31,7 +31,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/toast/toast-action-trigger.svelte b/packages/core/src/lib/toast/toast-action-trigger.svelte
index e01a617f..a35dc391 100644
--- a/packages/core/src/lib/toast/toast-action-trigger.svelte
+++ b/packages/core/src/lib/toast/toast-action-trigger.svelte
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/toast/toast-close-trigger.svelte b/packages/core/src/lib/toast/toast-close-trigger.svelte
index b4d005b8..b099945e 100644
--- a/packages/core/src/lib/toast/toast-close-trigger.svelte
+++ b/packages/core/src/lib/toast/toast-close-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/toggle-group/toggle-group-item.svelte b/packages/core/src/lib/toggle-group/toggle-group-item.svelte
index d7e2762a..0ef3f76c 100644
--- a/packages/core/src/lib/toggle-group/toggle-group-item.svelte
+++ b/packages/core/src/lib/toggle-group/toggle-group-item.svelte
@@ -37,7 +37,7 @@
 {#if asChild}
   {@render asChild(mergedProps, itemState)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.(itemState)}
   </button>
 {/if}
diff --git a/packages/core/src/lib/tooltip/tooltip-trigger.svelte b/packages/core/src/lib/tooltip/tooltip-trigger.svelte
index ff96f7a8..8626f32a 100644
--- a/packages/core/src/lib/tooltip/tooltip-trigger.svelte
+++ b/packages/core/src/lib/tooltip/tooltip-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/tour/tour-action-trigger.svelte b/packages/core/src/lib/tour/tour-action-trigger.svelte
index 89f9b73e..89059687 100644
--- a/packages/core/src/lib/tour/tour-action-trigger.svelte
+++ b/packages/core/src/lib/tour/tour-action-trigger.svelte
@@ -29,7 +29,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {#if children}
       {@render children?.()}
     {:else}
diff --git a/packages/core/src/lib/tour/tour-close-trigger.svelte b/packages/core/src/lib/tour/tour-close-trigger.svelte
index b908e877..f09f6814 100644
--- a/packages/core/src/lib/tour/tour-close-trigger.svelte
+++ b/packages/core/src/lib/tour/tour-close-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/tour/tour-trigger.svelte b/packages/core/src/lib/tour/tour-trigger.svelte
index 9a9ff35b..8b4df123 100644
--- a/packages/core/src/lib/tour/tour-trigger.svelte
+++ b/packages/core/src/lib/tour/tour-trigger.svelte
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}
diff --git a/packages/core/src/lib/tree-view/index.ts b/packages/core/src/lib/tree-view/index.ts
index 008f7891..099cc9b9 100644
--- a/packages/core/src/lib/tree-view/index.ts
+++ b/packages/core/src/lib/tree-view/index.ts
@@ -2,6 +2,7 @@ export * as TreeView from './tree-view.js';
 
 export type {TreeViewBranchContentProps} from './tree-view-branch-content.svelte';
 export type {TreeViewBranchControlProps} from './tree-view-branch-control.svelte';
+export type {TreeViewBranchIndentGuideProps} from './tree-view-branch-indent-guide.svelte';
 export type {TreeViewBranchIndicatorProps} from './tree-view-branch-indicator.svelte';
 export type {TreeViewBranchTextProps} from './tree-view-branch-text.svelte';
 export type {TreeViewBranchTriggerProps} from './tree-view-branch-trigger.svelte';
@@ -15,3 +16,4 @@ export type {TreeViewTreeProps} from './tree-view-tree.svelte';
 
 export {anatomy as treeViewAnatomy} from '@zag-js/tree-view';
 export {getTreeViewContext} from './tree-view-context.svelte.js';
+export type {NodeProps} from './types.js';
diff --git a/packages/core/src/lib/tree-view/tree-view-branch-content.svelte b/packages/core/src/lib/tree-view/tree-view-branch-content.svelte
index 1ff72f93..c8ddf28e 100644
--- a/packages/core/src/lib/tree-view/tree-view-branch-content.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-branch-content.svelte
@@ -12,8 +12,8 @@
   import {getPresenceStrategyPropsContext} from '$lib/presence/presence-context.svelte.js';
   import {reflect} from '@zag-js/svelte';
   import {
-    getTreeViewBranchPropsContext,
     getTreeViewContext,
+    getTreeViewNodePropsContext,
   } from './tree-view-context.svelte.js';
 
   let {
@@ -24,21 +24,20 @@
   }: TreeViewBranchContentProps = $props();
 
   let treeView = getTreeViewContext();
-
-  let branchProps = getTreeViewBranchPropsContext();
-  let branchState = $derived(treeView.getBranchState(branchProps));
+  let nodeProps = getTreeViewNodePropsContext();
+  let nodeState = $derived(treeView.getNodeState(nodeProps));
 
   let presenceStrategyProps = getPresenceStrategyPropsContext();
   let presence = createPresence(
     reflect(() => ({
-      present: branchState.expanded,
       ...presenceStrategyProps,
+      present: nodeState.expanded,
     })),
   );
 
   let mergedProps = $derived(
     mergeProps(
-      treeView.getBranchContentProps(branchProps),
+      treeView.getBranchContentProps(nodeProps),
       presence.getPresenceProps(),
       props,
     ),
@@ -49,7 +48,7 @@
   {#if asChild}
     {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}
diff --git a/packages/core/src/lib/tree-view/tree-view-branch-control.svelte b/packages/core/src/lib/tree-view/tree-view-branch-control.svelte
index 7796f3f2..2e1643d7 100644
--- a/packages/core/src/lib/tree-view/tree-view-branch-control.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-branch-control.svelte
@@ -8,8 +8,8 @@
 <script lang="ts">
   import {mergeProps} from '$lib/merge-props.js';
   import {
-    getTreeViewBranchPropsContext,
     getTreeViewContext,
+    getTreeViewNodePropsContext,
   } from './tree-view-context.svelte.js';
 
   let {
@@ -20,11 +20,9 @@
   }: TreeViewBranchControlProps = $props();
 
   let treeView = getTreeViewContext();
-
-  let branchProps = getTreeViewBranchPropsContext();
-
+  let nodeProps = getTreeViewNodePropsContext();
   let mergedProps = $derived(
-    mergeProps(treeView.getBranchControlProps(branchProps), props),
+    mergeProps(treeView.getBranchControlProps(nodeProps), props),
   );
 </script>
 
diff --git a/packages/core/src/lib/tree-view/tree-view-branch-indent-guide.svelte b/packages/core/src/lib/tree-view/tree-view-branch-indent-guide.svelte
new file mode 100644
index 00000000..e6f9e751
--- /dev/null
+++ b/packages/core/src/lib/tree-view/tree-view-branch-indent-guide.svelte
@@ -0,0 +1,35 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '$lib/types.js';
+
+  export interface TreeViewBranchIndentGuideProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '$lib/merge-props.js';
+  import {
+    getTreeViewContext,
+    getTreeViewNodePropsContext,
+  } from './tree-view-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewBranchIndentGuideProps = $props();
+
+  let treeView = getTreeViewContext();
+  let nodeProps = getTreeViewNodePropsContext();
+  let mergedProps = $derived(
+    mergeProps(treeView.getBranchIndentGuideProps(nodeProps), props),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}
diff --git a/packages/core/src/lib/tree-view/tree-view-branch-indicator.svelte b/packages/core/src/lib/tree-view/tree-view-branch-indicator.svelte
index 059948da..27ce1b4a 100644
--- a/packages/core/src/lib/tree-view/tree-view-branch-indicator.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-branch-indicator.svelte
@@ -2,14 +2,14 @@
   import type {HtmlIngredientProps} from '$lib/types.js';
 
   export interface TreeViewBranchIndicatorProps
-    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '$lib/merge-props.js';
   import {
-    getTreeViewBranchPropsContext,
     getTreeViewContext,
+    getTreeViewNodePropsContext,
   } from './tree-view-context.svelte.js';
 
   let {
@@ -20,18 +20,16 @@
   }: TreeViewBranchIndicatorProps = $props();
 
   let treeView = getTreeViewContext();
-
-  let branchProps = getTreeViewBranchPropsContext();
-
+  let nodeProps = getTreeViewNodePropsContext();
   let mergedProps = $derived(
-    mergeProps(treeView.getBranchIndicatorProps(branchProps), props),
+    mergeProps(treeView.getBranchIndicatorProps(nodeProps), props),
   );
 </script>
 
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <span bind:this={ref} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
-  </span>
+  </div>
 {/if}
diff --git a/packages/core/src/lib/tree-view/tree-view-branch-text.svelte b/packages/core/src/lib/tree-view/tree-view-branch-text.svelte
index 9b87c8ee..71a7e1bb 100644
--- a/packages/core/src/lib/tree-view/tree-view-branch-text.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-branch-text.svelte
@@ -8,8 +8,8 @@
 <script lang="ts">
   import {mergeProps} from '$lib/merge-props.js';
   import {
-    getTreeViewBranchPropsContext,
     getTreeViewContext,
+    getTreeViewNodePropsContext,
   } from './tree-view-context.svelte.js';
 
   let {
@@ -20,11 +20,9 @@
   }: TreeViewBranchTextProps = $props();
 
   let treeView = getTreeViewContext();
-
-  let branchProps = getTreeViewBranchPropsContext();
-
+  let nodeProps = getTreeViewNodePropsContext();
   let mergedProps = $derived(
-    mergeProps(treeView.getBranchTextProps(branchProps), props),
+    mergeProps(treeView.getBranchTextProps(nodeProps), props),
   );
 </script>
 
diff --git a/packages/core/src/lib/tree-view/tree-view-branch-trigger.svelte b/packages/core/src/lib/tree-view/tree-view-branch-trigger.svelte
index 95159695..4318643c 100644
--- a/packages/core/src/lib/tree-view/tree-view-branch-trigger.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-branch-trigger.svelte
@@ -8,8 +8,8 @@
 <script lang="ts">
   import {mergeProps} from '$lib/merge-props.js';
   import {
-    getTreeViewBranchPropsContext,
     getTreeViewContext,
+    getTreeViewNodePropsContext,
   } from './tree-view-context.svelte.js';
 
   let {
@@ -20,11 +20,9 @@
   }: TreeViewBranchTriggerProps = $props();
 
   let treeView = getTreeViewContext();
-
-  let branchProps = getTreeViewBranchPropsContext();
-
+  let nodeProps = getTreeViewNodePropsContext();
   let mergedProps = $derived(
-    mergeProps(treeView.getBranchTriggerProps(branchProps), props),
+    mergeProps(treeView.getBranchTriggerProps(nodeProps), props),
   );
 </script>
 
diff --git a/packages/core/src/lib/tree-view/tree-view-branch.svelte b/packages/core/src/lib/tree-view/tree-view-branch.svelte
index a4b31c91..7f3914e4 100644
--- a/packages/core/src/lib/tree-view/tree-view-branch.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-branch.svelte
@@ -1,22 +1,20 @@
 <script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '$lib/types.js';
-  import type {BranchProps, BranchState} from '@zag-js/tree-view';
+  import type {NodeProps, NodeState} from '@zag-js/tree-view';
 
   export interface TreeViewBranchProps
     extends Assign<
-      HtmlIngredientProps<'div', HTMLDivElement, BranchState>,
-      Omit<BranchProps, 'depth'>
+      HtmlIngredientProps<'div', HTMLDivElement, NodeState>,
+      NodeProps
     > {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '$lib/merge-props.js';
-  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {
     getTreeViewContext,
-    getTreeViewTreePropsContext,
-    setTreeViewBranchPropsContext,
+    setTreeViewNodePropsContext,
   } from './tree-view-context.svelte.js';
 
   let {
@@ -27,30 +25,23 @@
   }: TreeViewBranchProps = $props();
 
   let treeView = getTreeViewContext();
-  let treeViewProps = getTreeViewTreePropsContext();
 
-  let [branchPartialProps, localProps] = $derived(
-    createSplitProps<Omit<BranchProps, 'depth'>>(['value', 'disabled'])(props),
+  let [nodeProps, localProps] = $derived(
+    createSplitProps<NodeProps>(['node', 'indexPath'])(props),
   );
 
-  let branchProps = reflect(() => ({
-    ...branchPartialProps,
-    ...treeViewProps,
-  }));
-
-  let branchState = $derived(treeView.getBranchState(branchProps));
-
+  let nodeState = $derived(treeView.getNodeState(nodeProps));
   let mergedProps = $derived(
-    mergeProps(treeView.getBranchProps(branchProps), localProps),
+    mergeProps(treeView.getBranchProps(nodeProps), localProps),
   );
 
-  setTreeViewBranchPropsContext(() => branchProps);
+  setTreeViewNodePropsContext(() => nodeProps);
 </script>
 
 {#if asChild}
-  {@render asChild(mergedProps, branchState)}
+  {@render asChild(mergedProps, nodeState)}
 {:else}
   <div bind:this={ref} {...mergedProps}>
-    {@render children?.(branchState)}
+    {@render children?.(nodeState)}
   </div>
 {/if}
diff --git a/packages/core/src/lib/tree-view/tree-view-context.svelte.ts b/packages/core/src/lib/tree-view/tree-view-context.svelte.ts
index 24bd4c60..22ef48c3 100644
--- a/packages/core/src/lib/tree-view/tree-view-context.svelte.ts
+++ b/packages/core/src/lib/tree-view/tree-view-context.svelte.ts
@@ -1,15 +1,9 @@
 import {createContext} from '$lib/create-context.svelte.js';
-import type {BranchProps, ItemProps} from '@zag-js/tree-view';
+import type {NodeProps} from '@zag-js/tree-view';
 import type {CreateTreeViewReturn} from './create-tree-view.svelte.js';
 
 export const [getTreeViewContext, setTreeViewContext] =
   createContext<CreateTreeViewReturn>('TreeView');
 
-export const [getTreeViewItemPropsContext, setTreeViewItemPropsContext] =
-  createContext<ItemProps>('TreeViewItem [PROPS]');
-
-export const [getTreeViewBranchPropsContext, setTreeViewBranchPropsContext] =
-  createContext<BranchProps>('TreeViewBranch [PROPS]');
-
-export const [getTreeViewTreePropsContext, setTreeViewTreePropsContext] =
-  createContext<{depth: number}>('TreeViewTree [PROPS]');
+export const [getTreeViewNodePropsContext, setTreeViewNodePropsContext] =
+  createContext<NodeProps>('TreeViewNodeProps');
diff --git a/packages/core/src/lib/tree-view/tree-view-item-indicator.svelte b/packages/core/src/lib/tree-view/tree-view-item-indicator.svelte
index 493959f8..b20011bc 100644
--- a/packages/core/src/lib/tree-view/tree-view-item-indicator.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-item-indicator.svelte
@@ -9,7 +9,7 @@
   import {mergeProps} from '$lib/merge-props.js';
   import {
     getTreeViewContext,
-    getTreeViewItemPropsContext,
+    getTreeViewNodePropsContext,
   } from './tree-view-context.svelte.js';
 
   let {
@@ -20,11 +20,9 @@
   }: TreeViewItemIndicatorProps = $props();
 
   let treeView = getTreeViewContext();
-
-  let itemProps = getTreeViewItemPropsContext();
-
+  let nodeProps = getTreeViewNodePropsContext();
   let mergedProps = $derived(
-    mergeProps(treeView.getItemIndicatorProps(itemProps), props),
+    mergeProps(treeView.getItemIndicatorProps(nodeProps), props),
   );
 </script>
 
diff --git a/packages/core/src/lib/tree-view/tree-view-item-text.svelte b/packages/core/src/lib/tree-view/tree-view-item-text.svelte
index c44f15b0..4fd793a3 100644
--- a/packages/core/src/lib/tree-view/tree-view-item-text.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-item-text.svelte
@@ -9,7 +9,7 @@
   import {mergeProps} from '$lib/merge-props.js';
   import {
     getTreeViewContext,
-    getTreeViewItemPropsContext,
+    getTreeViewNodePropsContext,
   } from './tree-view-context.svelte.js';
 
   let {
@@ -20,11 +20,9 @@
   }: TreeViewItemTextProps = $props();
 
   let treeView = getTreeViewContext();
-
-  let itemProps = getTreeViewItemPropsContext();
-
+  let nodeProps = getTreeViewNodePropsContext();
   let mergedProps = $derived(
-    mergeProps(treeView.getItemTextProps(itemProps), props),
+    mergeProps(treeView.getItemTextProps(nodeProps), props),
   );
 </script>
 
diff --git a/packages/core/src/lib/tree-view/tree-view-item.svelte b/packages/core/src/lib/tree-view/tree-view-item.svelte
index bbba5302..06374f90 100644
--- a/packages/core/src/lib/tree-view/tree-view-item.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-item.svelte
@@ -1,22 +1,17 @@
 <script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '$lib/types.js';
-  import type {ItemProps, ItemState} from '@zag-js/tree-view';
+  import type {NodeProps} from '@zag-js/tree-view';
 
   export interface TreeViewItemProps
-    extends Assign<
-      HtmlIngredientProps<'div', HTMLDivElement, ItemState>,
-      Omit<ItemProps, 'depth'>
-    > {}
+    extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, NodeProps> {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '$lib/merge-props.js';
-  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {
     getTreeViewContext,
-    getTreeViewTreePropsContext,
-    setTreeViewItemPropsContext,
+    setTreeViewNodePropsContext,
   } from './tree-view-context.svelte.js';
 
   let {
@@ -27,30 +22,22 @@
   }: TreeViewItemProps = $props();
 
   let treeView = getTreeViewContext();
-  let treeViewProps = getTreeViewTreePropsContext();
 
-  let [itemPartialProps, localProps] = $derived(
-    createSplitProps<Omit<ItemProps, 'depth'>>(['value', 'disabled'])(props),
+  let [nodeProps, localProps] = $derived(
+    createSplitProps<NodeProps>(['node', 'indexPath'])(props),
   );
 
-  let itemProps: ItemProps = reflect(() => ({
-    ...itemPartialProps,
-    ...treeViewProps,
-  }));
-
-  let itemState = $derived(treeView.getItemState(itemProps));
-
   let mergedProps = $derived(
-    mergeProps(treeView.getItemProps(itemProps), localProps),
+    mergeProps(treeView.getItemProps(nodeProps), localProps),
   );
 
-  setTreeViewItemPropsContext(() => itemProps);
+  setTreeViewNodePropsContext(() => nodeProps);
 </script>
 
 {#if asChild}
-  {@render asChild(mergedProps, itemState)}
+  {@render asChild(mergedProps)}
 {:else}
   <div bind:this={ref} {...mergedProps}>
-    {@render children?.(itemState)}
+    {@render children?.()}
   </div>
 {/if}
diff --git a/packages/core/src/lib/tree-view/tree-view-label.svelte b/packages/core/src/lib/tree-view/tree-view-label.svelte
index c8824661..761000d9 100644
--- a/packages/core/src/lib/tree-view/tree-view-label.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-label.svelte
@@ -17,7 +17,6 @@
   }: TreeViewLabelProps = $props();
 
   let treeView = getTreeViewContext();
-
   let mergedProps = $derived(mergeProps(treeView.getLabelProps(), props));
 </script>
 
diff --git a/packages/core/src/lib/tree-view/tree-view-root.svelte b/packages/core/src/lib/tree-view/tree-view-root.svelte
index 766c3aa7..5b9c5bac 100644
--- a/packages/core/src/lib/tree-view/tree-view-root.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-root.svelte
@@ -40,6 +40,7 @@
       'id',
       'ids',
       'typeahead',
+      'collection',
       'focusedValue',
       'expandedValue',
       'expandOnClick',
diff --git a/packages/core/src/lib/tree-view/tree-view-tree.svelte b/packages/core/src/lib/tree-view/tree-view-tree.svelte
index 0e05cc84..2993cd93 100644
--- a/packages/core/src/lib/tree-view/tree-view-tree.svelte
+++ b/packages/core/src/lib/tree-view/tree-view-tree.svelte
@@ -2,31 +2,22 @@
   import type {HtmlIngredientProps} from '$lib/types.js';
 
   export interface TreeViewTreeProps
-    extends HtmlIngredientProps<'div', HTMLDivElement> {
-    depth?: number;
-  }
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '$lib/merge-props.js';
-  import {
-    getTreeViewContext,
-    setTreeViewTreePropsContext,
-  } from './tree-view-context.svelte.js';
+  import {getTreeViewContext} from './tree-view-context.svelte.js';
 
   let {
     ref = $bindable(null),
-    depth = 1,
     asChild,
     children,
     ...props
   }: TreeViewTreeProps = $props();
 
   let treeView = getTreeViewContext();
-
   let mergedProps = $derived(mergeProps(treeView.getTreeProps(), props));
-
-  setTreeViewTreePropsContext({depth});
 </script>
 
 {#if asChild}
diff --git a/packages/core/src/lib/tree-view/tree-view.ts b/packages/core/src/lib/tree-view/tree-view.ts
index ac0fb487..26bc9d8f 100644
--- a/packages/core/src/lib/tree-view/tree-view.ts
+++ b/packages/core/src/lib/tree-view/tree-view.ts
@@ -1,5 +1,7 @@
+export {collection} from '@zag-js/tree-view';
 export {default as BranchContent} from './tree-view-branch-content.svelte';
 export {default as BranchControl} from './tree-view-branch-control.svelte';
+export {default as BranchIndentGuide} from './tree-view-branch-indent-guide.svelte';
 export {default as BranchIndicator} from './tree-view-branch-indicator.svelte';
 export {default as BranchText} from './tree-view-branch-text.svelte';
 export {default as BranchTrigger} from './tree-view-branch-trigger.svelte';
diff --git a/packages/core/src/lib/tree-view/types.ts b/packages/core/src/lib/tree-view/types.ts
new file mode 100644
index 00000000..a1a971c8
--- /dev/null
+++ b/packages/core/src/lib/tree-view/types.ts
@@ -0,0 +1,4 @@
+export interface NodeProps<T> {
+  node: T;
+  indexPath: number[];
+}
diff --git a/packages/core/src/routes/color-picker/+page.svelte b/packages/core/src/routes/color-picker/+page.svelte
index 12a563ab..72f30a26 100644
--- a/packages/core/src/routes/color-picker/+page.svelte
+++ b/packages/core/src/routes/color-picker/+page.svelte
@@ -15,9 +15,16 @@
     'hsl(280, 81%, 59%)',
     'hsl(350, 81%, 59%)',
   ];
+
+  let value = $state(ColorPicker.parse('#9863BF'));
 </script>
 
-<ColorPicker.Root>
+<ColorPicker.Root
+  {value}
+  onValueChange={(detail) => {
+    value = detail.value;
+  }}
+>
   {#snippet children(context)}
     <ColorPicker.Label>
       {#snippet asChild(attrs)}
diff --git a/packages/core/src/routes/combobox/+page.svelte b/packages/core/src/routes/combobox/+page.svelte
index 3af375ba..25eefc01 100644
--- a/packages/core/src/routes/combobox/+page.svelte
+++ b/packages/core/src/routes/combobox/+page.svelte
@@ -7,13 +7,7 @@
   } from '@untitled-theme/icons-svelte';
   import {IconButton, Input, Label} from '../shared/index.js';
 
-  interface Option {
-    label: string;
-    value: string;
-    disabled?: boolean;
-  }
-
-  let items: Option[] = [
+  let items = [
     {label: 'Option 1', value: '1'},
     {label: 'Option 2', value: '2'},
     {label: 'Option 3', value: '3'},
@@ -30,15 +24,15 @@
     ),
   );
 
-  $effect(() => {
-    setTimeout(() => {
-      value = ['1'];
-    }, 1000);
-  });
+  let collection = $derived(
+    Combobox.collection({
+      items: matches,
+    }),
+  );
 </script>
 
 <Combobox.Root
-  {items}
+  {collection}
   {value}
   onValueChange={(detail) => {
     value = detail.value;
@@ -88,7 +82,7 @@
       <Combobox.Content
         class="data-open:animate-fade-in data-closed:animate-fade-out bg-light rounded border p-2"
       >
-        {#each matches as item (item.value)}
+        {#each collection.items as item}
           <Combobox.Item
             {item}
             class="data-disabled:cursor-not-allowed data-disabled:text-disabled data-highlighted:bg-lighter/50 flex cursor-default items-center rounded px-2.5 py-1"
diff --git a/packages/core/src/routes/date-picker/+page.svelte b/packages/core/src/routes/date-picker/+page.svelte
index f3d14a94..bd183d08 100644
--- a/packages/core/src/routes/date-picker/+page.svelte
+++ b/packages/core/src/routes/date-picker/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {DatePicker, Portal} from '$lib/index.js';
+  import {DatePicker, Portal, type DateValue} from '$lib/index.js';
   import {
     CalendarIcon,
     ChevronLeftIcon,
@@ -7,11 +7,7 @@
   } from '@untitled-theme/icons-svelte';
   import {IconButton, Input, Label} from '../shared/index.js';
 
-  let value: string[] = $state([]);
-
-  setTimeout(() => {
-    value = ['2022-01-01'];
-  }, 1000);
+  let value: DateValue[] = $state([]);
 </script>
 
 <DatePicker.Root
@@ -19,7 +15,7 @@
   fixedWeeks
   {value}
   onValueChange={(detail) => {
-    value = detail.valueAsString;
+    value = detail.value;
   }}
   positioning={{
     sameWidth: true,
diff --git a/packages/core/src/routes/date-picker/range/+page.svelte b/packages/core/src/routes/date-picker/range/+page.svelte
index 8bdf6dfb..8583a545 100644
--- a/packages/core/src/routes/date-picker/range/+page.svelte
+++ b/packages/core/src/routes/date-picker/range/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {DatePicker, Portal} from '$lib/index.js';
+  import {DatePicker, Portal, type DateValue} from '$lib/index.js';
   import {
     CalendarIcon,
     ChevronLeftIcon,
@@ -9,7 +9,7 @@
   import {twMerge} from 'tailwind-merge';
   import {IconButton, Input, Label} from '../../shared/index.js';
 
-  let value: string[] = $state([]);
+  let value: DateValue[] = $state([]);
 </script>
 
 <DatePicker.Root
@@ -20,7 +20,7 @@
   }}
   {value}
   onValueChange={(detail) => {
-    value = detail.valueAsString;
+    value = detail.value;
   }}
   selectionMode="range"
 >
@@ -125,6 +125,8 @@
                               'data-range-end:bg-accent',
                               'data-in-range:bg-accent/75',
                               'data-in-range:text-white',
+                              'data-disabled:opacity-50',
+                              'data-disabled:cursor-not-allowed',
                               'data-disabled:hover:bg-transparent',
                               'data-disabled:data-range-start:bg-transparent',
                               'data-disabled:data-range-start:text-inherit',
diff --git a/packages/core/src/routes/field/+page.svelte b/packages/core/src/routes/field/+page.svelte
index 9ad18457..9d73d7f7 100644
--- a/packages/core/src/routes/field/+page.svelte
+++ b/packages/core/src/routes/field/+page.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
   import {Field} from '$lib/index.js';
   import {tick} from 'svelte';
-  import {Button, Input, Label, Textarea} from '../shared/index.js';
+  import {Button, Input, Label} from '../shared/index.js';
+  import {textareaRecipe} from '../shared/textarea.recipe.js';
 
   let data = $state({
     title: '',
@@ -97,17 +98,18 @@
       </Field.ErrorText>
     </div>
 
-    <Field.Textarea>
-      {#snippet asChild(attrs)}
-        <Textarea
-          rows={4}
+    <Field.Textarea autoResize>
+      {#snippet asChild(action, attrs)}
+        <textarea
+          use:action
           value={data.description}
           oninput={(e) => {
             data.description = e.currentTarget.value;
             touched.description = true;
           }}
+          class={textareaRecipe()}
           {...attrs}
-        />
+        ></textarea>
       {/snippet}
     </Field.Textarea>
     <Field.HelperText class="text-muted mt-1.5 text-sm">
diff --git a/packages/core/src/routes/navbar.svelte b/packages/core/src/routes/navbar.svelte
index a9e6b4f5..f36e429d 100644
--- a/packages/core/src/routes/navbar.svelte
+++ b/packages/core/src/routes/navbar.svelte
@@ -5,7 +5,6 @@
 
 <header class="sticky top-0 flex h-16 items-center border-b px-6 lg:px-12">
   <button
-    type="button"
     onclick={() => {
       store.sidebar.isOpen = !store.sidebar.isOpen;
     }}
diff --git a/packages/core/src/routes/select/+page.svelte b/packages/core/src/routes/select/+page.svelte
index 4ece6c0a..38d3e623 100644
--- a/packages/core/src/routes/select/+page.svelte
+++ b/packages/core/src/routes/select/+page.svelte
@@ -7,19 +7,21 @@
   } from '@untitled-theme/icons-svelte';
   import {Button, IconButton, Label} from '../shared/index.js';
 
-  let items = [
-    {value: '1', label: 'Option 1'},
-    {value: '2', label: 'Option 2'},
-    {value: '3', label: 'Option 3'},
-    {value: '4', label: 'Option 4', disabled: true},
-    {value: '5', label: 'Option 5'},
-  ];
+  let collection = Select.collection({
+    items: [
+      {value: '1', label: 'Option 1'},
+      {value: '2', label: 'Option 2'},
+      {value: '3', label: 'Option 3'},
+      {value: '4', label: 'Option 4', disabled: true},
+      {value: '5', label: 'Option 5'},
+    ],
+  });
 
   let value: string[] = $state([]);
 </script>
 
 <Select.Root
-  {items}
+  {collection}
   {value}
   onValueChange={(detail) => {
     value = detail.value;
@@ -65,7 +67,7 @@
       <Select.Content
         class="data-open:animate-fade-in data-closed:animate-fade-out bg-light rounded border p-2"
       >
-        {#each items as item}
+        {#each collection.items as item}
           <Select.Item
             {item}
             class="data-disabled:cursor-not-allowed data-disabled:opacity-75 data-highlighted:bg-lighter/50 flex cursor-default items-center rounded px-2.5 py-1"
diff --git a/packages/core/src/routes/shared/button.svelte b/packages/core/src/routes/shared/button.svelte
index 1b638bc8..96b720c8 100644
--- a/packages/core/src/routes/shared/button.svelte
+++ b/packages/core/src/routes/shared/button.svelte
@@ -13,7 +13,6 @@
 </script>
 
 <button
-  type="button"
   class={buttonRecipe({
     variant,
     fullWidth,
diff --git a/packages/core/src/routes/shared/icon-button.svelte b/packages/core/src/routes/shared/icon-button.svelte
index f605204b..2f952abd 100644
--- a/packages/core/src/routes/shared/icon-button.svelte
+++ b/packages/core/src/routes/shared/icon-button.svelte
@@ -15,7 +15,6 @@
 </script>
 
 <button
-  type="button"
   class={iconButtonRecipe({
     variant,
     className,
diff --git a/packages/core/src/routes/time-picker/+page.svelte b/packages/core/src/routes/time-picker/+page.svelte
index 05a175c0..e5a838cb 100644
--- a/packages/core/src/routes/time-picker/+page.svelte
+++ b/packages/core/src/routes/time-picker/+page.svelte
@@ -1,10 +1,26 @@
 <script lang="ts">
-  import {TimePicker} from '$lib/index.js';
+  import {TimePicker, type Time} from '$lib/index.js';
   import {ClockIcon, XCloseIcon} from '@untitled-theme/icons-svelte';
   import {IconButton, Input, Label} from '../shared/index.js';
+
+  let value: Time | null = $state(
+    TimePicker.parse({
+      hour: 16,
+      minute: 0,
+      second: 0,
+      millisecond: 0,
+    }),
+  );
 </script>
 
-<TimePicker.Root allowSeconds class="w-full lg:max-w-[24rem]">
+<TimePicker.Root
+  {value}
+  onValueChange={(detail) => {
+    value = detail.value;
+  }}
+  allowSeconds
+  class="w-full lg:max-w-[24rem]"
+>
   {#snippet children(context)}
     <TimePicker.Label>
       {#snippet asChild(attrs)}
diff --git a/packages/core/src/routes/tree-view/+page.svelte b/packages/core/src/routes/tree-view/+page.svelte
index 40b7b95f..f963f992 100644
--- a/packages/core/src/routes/tree-view/+page.svelte
+++ b/packages/core/src/routes/tree-view/+page.svelte
@@ -1,73 +1,126 @@
 <script lang="ts">
-  import {TreeView} from '$lib/index.js';
-  import {ChevronRightIcon} from '@untitled-theme/icons-svelte';
-</script>
+  import {type NodeProps, TreeView} from '$lib/index.js';
+  import {
+    CheckSquareIcon,
+    ChevronRightIcon,
+    File02Icon,
+    FolderIcon,
+  } from '@untitled-theme/icons-svelte';
 
-<TreeView.Root>
-  <TreeView.Label class="mb-2 block text-neutral-600">Explorer</TreeView.Label>
+  interface Node {
+    value: string;
+    label: string;
+    children?: Node[];
+  }
 
-  <TreeView.Tree depth={3}>
-    <TreeView.Item value="1" class="pl-6">
-      <TreeView.ItemText>Item 1</TreeView.ItemText>
-    </TreeView.Item>
-
-    <TreeView.Branch value="2">
-      <TreeView.BranchControl class="flex items-center gap-1">
-        <TreeView.BranchIndicator
-          class="data-open:rotate-90 transition-transform duration-200"
-        >
-          <ChevronRightIcon class="size-5" />
-        </TreeView.BranchIndicator>
-        <TreeView.BranchText>Item 2</TreeView.BranchText>
-      </TreeView.BranchControl>
+  let collection = TreeView.collection<Node>({
+    nodeToValue: (node) => node.value,
+    nodeToString: (node) => node.label,
+    rootNode: {
+      value: 'ROOT',
+      label: '',
+      children: [
+        {
+          value: 'node_modules',
+          label: 'node_modules',
+          children: [
+            {
+              value: 'node_modules/svelte',
+              label: 'svelte',
+            },
+            {
+              value: 'node_modules/ui-ingredients',
+              label: 'ui-ingredients',
+            },
+          ],
+        },
+        {
+          value: 'src',
+          label: 'src',
+          children: [
+            {
+              value: 'src/(home)',
+              label: '(home)',
+              children: [
+                {
+                  value: 'src/(home)/+page.svelte',
+                  label: '+page.svelte',
+                },
+                {
+                  value: 'src/(home)/hero.svelte',
+                  label: 'hero.svelte',
+                },
+              ],
+            },
+            {
+              value: 'src/+layout.svelte',
+              label: '+layout.svelte',
+            },
+          ],
+        },
+        {
+          value: 'vite.config.ts',
+          label: 'vite.config.ts',
+        },
+        {
+          value: 'svelte.config.js',
+          label: 'svelte.config.js',
+        },
+        {
+          value: 'package.json',
+          label: 'package.json',
+        },
+      ],
+    },
+  });
+</script>
 
-      <TreeView.BranchContent
-        class="data-open:animate-fade-in data-closed:animate-fade-out pl-6"
-      >
-        <TreeView.Item value="2.1">
-          <TreeView.ItemText>Item 2.1</TreeView.ItemText>
-        </TreeView.Item>
-        <TreeView.Item value="2.2">
-          <TreeView.ItemText>Item 2.2</TreeView.ItemText>
-        </TreeView.Item>
-      </TreeView.BranchContent>
-    </TreeView.Branch>
+<TreeView.Root {collection} class="max-w-[16rem]">
+  <TreeView.Label class="mb-2 block text-neutral-600">Explorer</TreeView.Label>
+  <TreeView.Tree class="space-y-1">
+    {#each collection.rootNode.children ?? [] as node, index}
+      {@render TreeNode({node, indexPath: [index]})}
+    {/each}
+  </TreeView.Tree>
+</TreeView.Root>
 
-    <TreeView.Branch value="3">
+{#snippet TreeNode(props: NodeProps<Node>)}
+  {#if props.node.children}
+    <TreeView.Branch node={props.node} indexPath={props.indexPath}>
       <TreeView.BranchControl class="flex items-center gap-1">
+        <TreeView.BranchText class="flex grow items-center gap-1">
+          <FolderIcon class="size-5" />
+          <span>{props.node.label}</span>
+        </TreeView.BranchText>
         <TreeView.BranchIndicator
-          class="data-open:rotate-90 transition-transform duration-200"
+          class="data-open:rotate-90 transition-transform duration-150"
         >
-          <ChevronRightIcon class="size-5" />
+          <ChevronRightIcon class="size-4" />
         </TreeView.BranchIndicator>
-        <TreeView.BranchText>Item 3</TreeView.BranchText>
       </TreeView.BranchControl>
+      <TreeView.BranchContent class="flex p-1">
+        <TreeView.BranchIndentGuide class="w-3 border-l" />
 
-      <TreeView.BranchContent
-        class="data-open:animate-fade-in data-closed:animate-fade-out pl-6"
-      >
-        <TreeView.Item value="3.1" class="pl-6">
-          <TreeView.ItemText>Item 3.1</TreeView.ItemText>
-        </TreeView.Item>
-
-        <TreeView.Branch value="3.2">
-          <TreeView.BranchControl class="flex items-center gap-1">
-            <TreeView.BranchIndicator
-              class="data-open:rotate-90 transition-transform duration-200"
-            >
-              <ChevronRightIcon class="size-5" />
-            </TreeView.BranchIndicator>
-            <TreeView.BranchText>Item 3.2.1</TreeView.BranchText>
-          </TreeView.BranchControl>
-          <TreeView.BranchContent
-            class="data-open:animate-fade-in data-closed:animate-fade-out pl-6"
-          >
-            <TreeView.Item value="3.1" class="pl-6">
-              <TreeView.ItemText>Item 3.2.2</TreeView.ItemText>
-            </TreeView.Item>
-          </TreeView.BranchContent>
-        </TreeView.Branch>
+        <div class="grow space-y-1">
+          {#each props.node.children as node, index}
+            {@render TreeNode({node, indexPath: [...props.indexPath, index]})}
+          {/each}
+        </div>
       </TreeView.BranchContent>
     </TreeView.Branch>
-  </TreeView.Tree>
-</TreeView.Root>
+  {:else}
+    <TreeView.Item
+      node={props.node}
+      indexPath={props.indexPath}
+      class="flex items-center gap-1"
+    >
+      <TreeView.ItemIndicator>
+        <CheckSquareIcon class="size-5" />
+      </TreeView.ItemIndicator>
+      <TreeView.ItemText class="flex items-center gap-1">
+        <File02Icon class="size-5" />
+        <span>{props.node.label}</span>
+      </TreeView.ItemText>
+    </TreeView.Item>
+  {/if}
+{/snippet}
diff --git a/packages/core/src/tests/toast/toast.svelte b/packages/core/src/tests/toast/toast.svelte
index 4dd77069..e7e4a841 100644
--- a/packages/core/src/tests/toast/toast.svelte
+++ b/packages/core/src/tests/toast/toast.svelte
@@ -7,7 +7,6 @@
 </script>
 
 <button
-  type="button"
   onclick={() => {
     toaster.create({
       title: 'Title',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5042b4c0..94dbdddd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -22,188 +22,191 @@ importers:
         version: 5.2.1(@types/eslint@9.6.1)(eslint-config-prettier@9.1.0(eslint@9.14.0(jiti@1.21.6)))(eslint@9.14.0(jiti@1.21.6))(prettier@3.3.3)
       eslint-plugin-svelte:
         specifier: ^2.46.0
-        version: 2.46.0(eslint@9.14.0(jiti@1.21.6))(svelte@5.1.9)
+        version: 2.46.0(eslint@9.14.0(jiti@1.21.6))(svelte@5.1.13)
       globals:
-        specifier: ^15.11.0
-        version: 15.11.0
+        specifier: ^15.12.0
+        version: 15.12.0
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
       prettier-plugin-svelte:
         specifier: ^3.2.7
-        version: 3.2.7(prettier@3.3.3)(svelte@5.1.9)
+        version: 3.2.7(prettier@3.3.3)(svelte@5.1.13)
       prettier-plugin-tailwindcss:
         specifier: ^0.6.8
-        version: 0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.9))(prettier@3.3.3)
+        version: 0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.13))(prettier@3.3.3)
       typescript:
         specifier: ^5.6.3
         version: 5.6.3
       typescript-eslint:
-        specifier: ^8.12.2
-        version: 8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
+        specifier: ^8.13.0
+        version: 8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
 
   packages/core:
     dependencies:
       '@zag-js/accordion':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/anatomy':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
+      '@zag-js/auto-resize':
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/avatar':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/carousel':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/checkbox':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/clipboard':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/collapsible':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/color-picker':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/combobox':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/core':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/date-picker':
-        specifier: ^0.76.0
-        version: 0.76.0(@internationalized/date@3.5.5)
+        specifier: ^0.77.0
+        version: 0.77.0(@internationalized/date@3.5.5)
       '@zag-js/dialog':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/dom-query':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/editable':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/file-upload':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/floating-panel':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/highlight-word':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/hover-card':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/i18n-utils':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/menu':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/number-input':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/pagination':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/pin-input':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/popover':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/presence':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/progress':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/qr-code':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/radio-group':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/rating-group':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/select':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/signature-pad':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/slider':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/splitter':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/steps':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/svelte':
-        specifier: ^0.76.0
-        version: 0.76.0(svelte@5.1.9)
+        specifier: ^0.77.0
+        version: 0.77.0(svelte@5.1.13)
       '@zag-js/switch':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/tabs':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/tags-input':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/time-picker':
-        specifier: ^0.76.0
-        version: 0.76.0(@internationalized/date@3.5.5)
+        specifier: ^0.77.0
+        version: 0.77.0(@internationalized/date@3.5.5)
       '@zag-js/timer':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/toast':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/toggle-group':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/tooltip':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/tour':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/tree-view':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
       '@zag-js/utils':
-        specifier: ^0.76.0
-        version: 0.76.0
+        specifier: ^0.77.0
+        version: 0.77.0
     devDependencies:
       '@faker-js/faker':
         specifier: ^9.2.0
         version: 9.2.0
       '@sveltejs/adapter-vercel':
-        specifier: ^5.4.6
-        version: 5.4.6(@sveltejs/kit@2.7.4(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5)))
+        specifier: ^5.4.7
+        version: 5.4.7(@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5)))
       '@sveltejs/kit':
-        specifier: ^2.7.4
-        version: 2.7.4(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5))
+        specifier: ^2.8.0
+        version: 2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5))
       '@sveltejs/package':
         specifier: ^2.3.7
-        version: 2.3.7(svelte@5.1.9)(typescript@5.6.3)
+        version: 2.3.7(svelte@5.1.13)(typescript@5.6.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^4.0.0
-        version: 4.0.0(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5))
+        version: 4.0.0(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5))
       '@testing-library/jest-dom':
         specifier: ^6.6.3
         version: 6.6.3
       '@testing-library/svelte':
         specifier: ^5.2.4
-        version: 5.2.4(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5))(vitest@2.1.4(@types/node@22.5.5)(jsdom@25.0.1))
+        version: 5.2.4(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5))(vitest@2.1.4(@types/node@22.5.5)(jsdom@25.0.1))
       '@testing-library/user-event':
         specifier: ^14.5.2
         version: 14.5.2(@testing-library/dom@10.4.0)
@@ -212,13 +215,13 @@ importers:
         version: 21.1.7
       '@untitled-theme/icons-svelte':
         specifier: ^0.12.0
-        version: 0.12.0(svelte@5.1.9)
+        version: 0.12.0(svelte@5.1.13)
       autoprefixer:
         specifier: ^10.4.20
         version: 10.4.20(postcss@8.4.47)
       globals:
-        specifier: ^15.11.0
-        version: 15.11.0
+        specifier: ^15.12.0
+        version: 15.12.0
       jsdom:
         specifier: ^25.0.1
         version: 25.0.1
@@ -235,11 +238,11 @@ importers:
         specifier: ^1.5.1
         version: 1.5.1
       svelte:
-        specifier: ^5.1.9
-        version: 5.1.9
+        specifier: ^5.1.13
+        version: 5.1.13
       svelte-check:
-        specifier: ^4.0.5
-        version: 4.0.5(svelte@5.1.9)(typescript@5.6.3)
+        specifier: ^4.0.6
+        version: 4.0.6(svelte@5.1.13)(typescript@5.6.3)
       tailwind-merge:
         specifier: ^2.5.4
         version: 2.5.4
@@ -438,10 +441,6 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  '@eslint-community/regexpp@4.11.0':
-    resolution: {integrity: sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-
   '@eslint-community/regexpp@4.12.1':
     resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
@@ -717,13 +716,13 @@ packages:
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
     engines: {node: '>=18'}
 
-  '@sveltejs/adapter-vercel@5.4.6':
-    resolution: {integrity: sha512-jUFc5NEPgBzcqxDgwAMk/lIxFuYA8MP8KcPh/UWFZH3fDZ/igi1h/do/nKsEmPxF5NuJVvI2mxX6TaJZzHcpTg==}
+  '@sveltejs/adapter-vercel@5.4.7':
+    resolution: {integrity: sha512-yOKz0fO6G35UbTgEm8VWVeZqnOmMjhxANJt0hlsCo9OKcbLq2cTuh6AvVmcvhg8BzLEspiF4gv8ENtuJgHWvgA==}
     peerDependencies:
       '@sveltejs/kit': ^2.4.0
 
-  '@sveltejs/kit@2.7.4':
-    resolution: {integrity: sha512-3DOPQYck3CpAmPgGq/HuhJMCCz8GF0ukbompPJQ2zShoSzrEKW9iG/l0nZmaxMvuOO3NNLmZj8F3W9uzqmkNdw==}
+  '@sveltejs/kit@2.8.0':
+    resolution: {integrity: sha512-HCiWupCuKJQ3aPaC4Xc6lpPdjOOnoGzEiYjOqMqppdtfGtY2ABrx932Vw66ZwS2RGXc0BmZvFvNq5SzqlmDVLg==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
@@ -813,8 +812,8 @@ packages:
   '@types/tough-cookie@4.0.5':
     resolution: {integrity: sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==}
 
-  '@typescript-eslint/eslint-plugin@8.12.2':
-    resolution: {integrity: sha512-gQxbxM8mcxBwaEmWdtLCIGLfixBMHhQjBqR8sVWNTPpcj45WlYL2IObS/DNMLH1DBP0n8qz+aiiLTGfopPEebw==}
+  '@typescript-eslint/eslint-plugin@8.13.0':
+    resolution: {integrity: sha512-nQtBLiZYMUPkclSeC3id+x4uVd1SGtHuElTxL++SfP47jR0zfkZBJHc+gL4qPsgTuypz0k8Y2GheaDYn6Gy3rg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
@@ -824,8 +823,8 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/parser@8.12.2':
-    resolution: {integrity: sha512-MrvlXNfGPLH3Z+r7Tk+Z5moZAc0dzdVjTgUgwsdGweH7lydysQsnSww3nAmsq8blFuRD5VRlAr9YdEFw3e6PBw==}
+  '@typescript-eslint/parser@8.13.0':
+    resolution: {integrity: sha512-w0xp+xGg8u/nONcGw1UXAr6cjCPU1w0XVyBs6Zqaj5eLmxkKQAByTdV/uGgNN5tVvN/kKpoQlP2cL7R+ajZZIQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -834,12 +833,12 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/scope-manager@8.12.2':
-    resolution: {integrity: sha512-gPLpLtrj9aMHOvxJkSbDBmbRuYdtiEbnvO25bCMza3DhMjTQw0u7Y1M+YR5JPbMsXXnSPuCf5hfq0nEkQDL/JQ==}
+  '@typescript-eslint/scope-manager@8.13.0':
+    resolution: {integrity: sha512-XsGWww0odcUT0gJoBZ1DeulY1+jkaHUciUq4jKNv4cpInbvvrtDoyBH9rE/n2V29wQJPk8iCH1wipra9BhmiMA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/type-utils@8.12.2':
-    resolution: {integrity: sha512-bwuU4TAogPI+1q/IJSKuD4shBLc/d2vGcRT588q+jzayQyjVK2X6v/fbR4InY2U2sgf8MEvVCqEWUzYzgBNcGQ==}
+  '@typescript-eslint/type-utils@8.13.0':
+    resolution: {integrity: sha512-Rqnn6xXTR316fP4D2pohZenJnp+NwQ1mo7/JM+J1LWZENSLkJI8ID8QNtlvFeb0HnFSK94D6q0cnMX6SbE5/vA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '*'
@@ -847,12 +846,12 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/types@8.12.2':
-    resolution: {integrity: sha512-VwDwMF1SZ7wPBUZwmMdnDJ6sIFk4K4s+ALKLP6aIQsISkPv8jhiw65sAK6SuWODN/ix+m+HgbYDkH+zLjrzvOA==}
+  '@typescript-eslint/types@8.13.0':
+    resolution: {integrity: sha512-4cyFErJetFLckcThRUFdReWJjVsPCqyBlJTi6IDEpc1GWCIIZRFxVppjWLIMcQhNGhdWJJRYFHpHoDWvMlDzng==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.12.2':
-    resolution: {integrity: sha512-mME5MDwGe30Pq9zKPvyduyU86PH7aixwqYR2grTglAdB+AN8xXQ1vFGpYaUSJ5o5P/5znsSBeNcs5g5/2aQwow==}
+  '@typescript-eslint/typescript-estree@8.13.0':
+    resolution: {integrity: sha512-v7SCIGmVsRK2Cy/LTLGN22uea6SaUIlpBcO/gnMGT/7zPtxp90bphcGf4fyrCQl3ZtiBKqVTG32hb668oIYy1g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '*'
@@ -860,14 +859,14 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/utils@8.12.2':
-    resolution: {integrity: sha512-UTTuDIX3fkfAz6iSVa5rTuSfWIYZ6ATtEocQ/umkRSyC9O919lbZ8dcH7mysshrCdrAM03skJOEYaBugxN+M6A==}
+  '@typescript-eslint/utils@8.13.0':
+    resolution: {integrity: sha512-A1EeYOND6Uv250nybnLZapeXpYMl8tkzYUxqmoKAWnI4sei3ihf2XdZVd+vVOmHGcp3t+P7yRrNsyyiXTvShFQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@typescript-eslint/visitor-keys@8.12.2':
-    resolution: {integrity: sha512-PChz8UaKQAVNHghsHcPyx1OMHoFRUEA7rJSK/mDhdq85bk+PLsUHUBqTQTFt18VJZbmxBovM65fezlheQRsSDA==}
+  '@typescript-eslint/visitor-keys@8.13.0':
+    resolution: {integrity: sha512-7N/+lztJqH4Mrf0lb10R/CbI1EaAMMGyF5y0oJvFoAhafwgiRA7TXyd8TFn8FC8k5y2dTsYogg238qavRGNnlw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@untitled-theme/icons-svelte@0.12.0':
@@ -909,220 +908,220 @@ packages:
   '@vitest/utils@2.1.4':
     resolution: {integrity: sha512-MXDnZn0Awl2S86PSNIim5PWXgIAx8CIkzu35mBdSApUip6RFOGXBCf3YFyeEu8n1IHk4bWD46DeYFu9mQlFIRg==}
 
-  '@zag-js/accordion@0.76.0':
-    resolution: {integrity: sha512-yJjaoy8Yhdm1B8WBLh1lng/4Y/+eS6bEuymYWDXSi38xnIggvg89ndZ3f/hyOmp2NNak+R4ALzmv0Na8ftwrjQ==}
+  '@zag-js/accordion@0.77.0':
+    resolution: {integrity: sha512-Jl2ZeuxSLHm6jCvNJVBgBcQyOn7+YyULglWlINgg+nYp9Zsoos/h0TwtLvrhdfdPciCWKffsdVeavTy9nsda3g==}
 
-  '@zag-js/anatomy@0.76.0':
-    resolution: {integrity: sha512-2iKMYw8jCICBzWG7SSHcip5MUP8Hr3z5VU14TTOl9ceLdnJ5lLBj7rRUkeVxm460QJ77tRSbf1gxHMJS0IIFWQ==}
+  '@zag-js/anatomy@0.77.0':
+    resolution: {integrity: sha512-cfDlyPg6wHHgApFNvZOH2tsfWkLY21t7jMu1aT6eRvAuWAX8+7TBW+onfPgQCsvpY+Skk/znNDHviSZbLV4z8w==}
 
-  '@zag-js/aria-hidden@0.76.0':
-    resolution: {integrity: sha512-TacFaekza9nY/mZ8vZVkezgxMRfHOGV0dt7dVqVobRaSp/rOVCCLNznXjvBQW5aWehlhk1asWVy1CsmD2nLWQw==}
+  '@zag-js/aria-hidden@0.77.0':
+    resolution: {integrity: sha512-DlqbqxIKBj8Fe2zGlBcD4SreHWR4GmOwjqsjgLyYGF/9hTGoz11w1xLNoBxsKp3qGXO9PCCVGG7DT3NlSqT71A==}
 
-  '@zag-js/auto-resize@0.76.0':
-    resolution: {integrity: sha512-yWbV2mh6ZtxPlxkaspujDtPs3hj3HsBJiLqca7m7kkePJIFYy6UTocZU6PWzbmZiWPYCxYSAKRTVF4sQtorYQg==}
+  '@zag-js/auto-resize@0.77.0':
+    resolution: {integrity: sha512-wIpdVIqRSXQLD0/cVRsUqlChpMQqXE64c0Zipiho1ulJVDrn+WqPPhcnC6JUd/WiJGULgduNvVciVSpdD+eEfg==}
 
-  '@zag-js/avatar@0.76.0':
-    resolution: {integrity: sha512-0Y1O/ZnAdc92oGO/RvkNGHyluqEBC1+zdVLhoXdqrktNuZAwMZnndLmx7c0YzbuWmWA8CC35zC8lMVtFrgrUCQ==}
+  '@zag-js/avatar@0.77.0':
+    resolution: {integrity: sha512-aFUVOUzwka4B/iLViaAUa5+sCV5EeDyrd9HX7t/xyRIzI/rGUZwMTzxGzJsM0wEHt5TK2gZSz7X6Lu3w1qQfvg==}
 
-  '@zag-js/carousel@0.76.0':
-    resolution: {integrity: sha512-sD3oWX95daC6xnpjZY7tpJ+31TtQAgW68dBCbTFwecCu+lj/uRI19vyFwNVbczaJzzx0YP01HylEuoXps0evVg==}
+  '@zag-js/carousel@0.77.0':
+    resolution: {integrity: sha512-4pVL9AaCg7/2hzVN+p1nHuWnQ9pniCHkY1HVlXpD7oUvXAj5k6DN3zkM0gs+1gLUCwCKKOixwDi2D7z2BNJcDw==}
 
-  '@zag-js/checkbox@0.76.0':
-    resolution: {integrity: sha512-XxbnZQ1IUZ/YhKYrsjO9ocrMMyyRIpRPlzTZwxKJmDp3FrTm27pttLKxTHyDFWx2FVhtdKTyoUij6UiECVlkcA==}
+  '@zag-js/checkbox@0.77.0':
+    resolution: {integrity: sha512-XTUMlQ61fak1McTHOS2isNdRmauvF6gbZtEmL0dCt74QusE2+17H8xe5GADFJ9USHZsrsyLnig1/MUvxqKFZQQ==}
 
-  '@zag-js/clipboard@0.76.0':
-    resolution: {integrity: sha512-ZlKnNS4SFY6Z2AUZrM88dpXFp6XUhgdtZJjzkWXx1kTlHVd/mjsJThAMFTrKAJWrdpYmQyPaJKChbvQRw8oq0g==}
+  '@zag-js/clipboard@0.77.0':
+    resolution: {integrity: sha512-ytmIN2vN7LghhoItfsmIAAaSwXcXA/XmAfd5bpELoBq/g662p+b/rnC4qYyolKhgJilItTd1ODh+DGKBEHcwMA==}
 
-  '@zag-js/collapsible@0.76.0':
-    resolution: {integrity: sha512-zTk3bYi/lFlM+sC80lNSyktXRRWWAhmleLQVHhfViVf/o0A9UUPXB2OmnzsgDZrtJdXcdK9Are80mcLoBmDf8g==}
+  '@zag-js/collapsible@0.77.0':
+    resolution: {integrity: sha512-hENqe8Y4pts30iU4sxOukDpaa9I3j+9Ulij2hWck+xdJjD0FzdvLy++i+8zzybG1ebHeamo/Ztlnq3HI/3dNUA==}
 
-  '@zag-js/collection@0.76.0':
-    resolution: {integrity: sha512-tipZJx0j3q3GwxQhFVFFebOEY9foE4a2lW5o674JGgRDCt3pe9S1crUOcteURz2jKxsY7WEsEPeloutyT003yA==}
+  '@zag-js/collection@0.77.0':
+    resolution: {integrity: sha512-4FQpR5Ol9X1Jx56kJhyBnhpqClrBRtAW5vf1NFMJGKe80Zov2F0wkU8veUXX0Jji8jrIgwaat/BIw2T5zNvfEQ==}
 
-  '@zag-js/color-picker@0.76.0':
-    resolution: {integrity: sha512-6LkdD16pNTUNlAo77XKXy+Z2k8clNyAwq55C2ixx1xmygLIje+3RmPpLSHnktaaOZ1WQQREMJPrYTvVbLMrq5A==}
+  '@zag-js/color-picker@0.77.0':
+    resolution: {integrity: sha512-5uUEIp14FRJQVZkTDq7XmCpinPxCuCD8G2E60qAS3dN7sMVclo7byUTmh5lL8iUaPoETW4KX5KaesEnAGo3tbQ==}
 
-  '@zag-js/color-utils@0.76.0':
-    resolution: {integrity: sha512-07ToMgmRvc6Tzhs6wjG0f6JLkKvAEBMe0OtB8HgAV5GdpY/n6xn5d9o0qUVlfsOT+i4Ak57oiDpkqcYyxN+cHg==}
+  '@zag-js/color-utils@0.77.0':
+    resolution: {integrity: sha512-O4CibLfqXKK371FE6klHGi0WZBJrnxBPWXYCkpSyRXDEDeeSOrU22EedJVocj+ZjXyf2159dIqu+FsLT//ea2Q==}
 
-  '@zag-js/combobox@0.76.0':
-    resolution: {integrity: sha512-jW7tPy4Nixgrgo9ZLamxX0WlEG3RMiBqaRlkF+sJlEzRYsW31jkc+/fazXaBBMlRZuxY0pAsE6NAhkXJLROOCQ==}
+  '@zag-js/combobox@0.77.0':
+    resolution: {integrity: sha512-cnC7QaZVSj1Lhzt6s/lOCIrhChsMWbZkXNbnovNdFvc+WuBSN9c7fdlCJLDVpzVzK2WWbY0rGbeSjRhcHnhlag==}
 
-  '@zag-js/core@0.76.0':
-    resolution: {integrity: sha512-NgYt8Y31ybCBhJ4ela7xAB/tSj6adNWL9zeANFf1S6cqspzskGzQaP2xIEwIKVd8V9G0yTOCynfNurNvfofPRw==}
+  '@zag-js/core@0.77.0':
+    resolution: {integrity: sha512-mBylqEeoh916FqEk7Go0E21b47cAJfgz69miVrm8smh0VGLLXGJraCMVONRAXIRc3nmuX9tgTjsEuBy0oIloNA==}
 
-  '@zag-js/date-picker@0.76.0':
-    resolution: {integrity: sha512-aBQ9Mqyu85zrEzCM8AO6Paan6r4mubTXOPRRn4bIhyee0NTjHarPWQaIRTHJiXgOS+TUPsqs4UqDkuBrIdFwLg==}
+  '@zag-js/date-picker@0.77.0':
+    resolution: {integrity: sha512-pIgJA+M6Lb0cHb6lEwqMtvh/76IeHgIGUNFE/V3piSr57e94i9ES7LbhAm/gC5GQoiBHiDUS8GpbwwPFLKF9Sg==}
     peerDependencies:
       '@internationalized/date': '>=3.0.0'
 
-  '@zag-js/date-utils@0.76.0':
-    resolution: {integrity: sha512-0psoQ+sLBMiwwAW4fhng7wpvayUFSj4qKpmdjEh1QrC8Ksz8Zl5WD+G/gWdyxYPZ3+8wUb33MSHdZ2Zz2RNtvQ==}
+  '@zag-js/date-utils@0.77.0':
+    resolution: {integrity: sha512-ox2ttr1bln6Lp+yFW56H5CJ9B3k77z8NTetwLP+WJ3HhaNjMu6/6/dIqn4SY6gAxStr1xETJ0eLRfGXUyI04Sg==}
     peerDependencies:
       '@internationalized/date': '>=3.0.0'
 
-  '@zag-js/dialog@0.76.0':
-    resolution: {integrity: sha512-d0hMlM5JjB4BM916TkGT1BO/1KMTmGSTLpIfRPucCSGLY/09gB/5cw2uNuHcyIpFqAe8cwRZmII/PeIgF3Ph4g==}
+  '@zag-js/dialog@0.77.0':
+    resolution: {integrity: sha512-BvfDvS6fFZ44Y7WwRJU9mv91Hm3ZKBHcMLvgBessxoRvuKqSEzX70fezZg2t4NbxtVrDVGURfV4Ib2PGNqOx4Q==}
 
-  '@zag-js/dismissable@0.76.0':
-    resolution: {integrity: sha512-2/c4ZVmABoArMnvEr8K0DCAuReo0n3Zhc5aHHQ7YQvhRLz9vJzfE+u/KnbHVhPxVMNjWmizGk8puDHUeiP0WOA==}
+  '@zag-js/dismissable@0.77.0':
+    resolution: {integrity: sha512-OqDWYVrX+gaVxy8IjgXYdn5XtMGpj6qtaH50SEhqwc6J9/mK/XM1/UemZeBO8k8PTVTk1CNmSn5eylIZdMHZUA==}
 
-  '@zag-js/dom-event@0.76.0':
-    resolution: {integrity: sha512-2t8JX9n+FOTXw8UkiQEgI1+ztbd1I5PbudOOEXjvWhPVyzRYzvzKZwxbM4xy8fKaXQFjlMLoa1dhv9kxf3KrKg==}
+  '@zag-js/dom-event@0.77.0':
+    resolution: {integrity: sha512-lrvJuBPDDVy/X5LGpG8pjDCS5bGrAJE/bQXAWhQwhqo9lUa1399eYZ7VqGCBN6K5UhdPB1KeFPm59Asl4/FIjQ==}
 
-  '@zag-js/dom-query@0.76.0':
-    resolution: {integrity: sha512-s+7qU9frtHGLcvEXji82sHExujNy5KRBX2U2G9V85hqxgoCtWT1AyagHs4No0MU6M9Njx0ZNa8EvQecdRMmtaA==}
+  '@zag-js/dom-query@0.77.0':
+    resolution: {integrity: sha512-si24Z83MBBPa4Embd8SLUYk6SEr3kb0oNWbSyywvs+9HtTyoKJ+LmKS2lctzxm2rW0v6rbLFjvmjyW/wWz5A/g==}
 
-  '@zag-js/editable@0.76.0':
-    resolution: {integrity: sha512-p2wkAT3dTUdVZcoOfolhUAfo8IRmK4fhlq3VvZrW+UZpphZAPK61dmkXG2wteNXVsNwG1bGe3cWED+yf/e6xfw==}
+  '@zag-js/editable@0.77.0':
+    resolution: {integrity: sha512-W0TjUMjVzd8mIonG8ZyhgqCxx5+2LNLqu0vFQuQdCVMnCREHajYAA13xnZj1Qd/BOWqWdZ5GOM7nxUyP9wrobg==}
 
-  '@zag-js/element-rect@0.76.0':
-    resolution: {integrity: sha512-2iY9F7C4o6+eUmpkmcueFK4ue3VrGHPodE/GKVLrMAwLmnMwMcJy3nS4yiAkB2mhIarAIKg9hH+sj0JvYDTm+A==}
+  '@zag-js/element-rect@0.77.0':
+    resolution: {integrity: sha512-33oK9f/nbiaQFhxGzTCvVcHknU9KQVJatDeDwQoATccERbhLfzxWZQaRY02cGbpc0MqvtS4fjbveNaWUA1gvyA==}
 
-  '@zag-js/element-size@0.76.0':
-    resolution: {integrity: sha512-a6SVAVb+mzXqYh0LBcI3Q77XqovDzkHFgi9f+0j0/gK84Crp3Mk+DvT0U0dFbAjAargAfqqeJIhEBD9qkrC9rQ==}
+  '@zag-js/element-size@0.77.0':
+    resolution: {integrity: sha512-hiUZ9bhAGu126Naaia7SWOwe/mzrCAuXc7wQ7/Q67Z5UQvWI+xulZYT/8Fy/3MS7hMgmBJWLKjsmj9tQJ0/3hQ==}
 
-  '@zag-js/file-upload@0.76.0':
-    resolution: {integrity: sha512-FdtcTdlkZYQXMeP1CoDQLixltnwepf1enYprHB4n3oL5eROU+BWpFP1QAOiW1hCOwSC0tTMqCpJVrOROitQLnw==}
+  '@zag-js/file-upload@0.77.0':
+    resolution: {integrity: sha512-gkptJ9vjfJq3//LNJkoCpddXMsQq1HodWvW+d2Ndx6MGNanKt47uwr0lqshkoHdzAGeLS9ozEk/h7mHB0Wwivg==}
 
-  '@zag-js/file-utils@0.76.0':
-    resolution: {integrity: sha512-qbZh3pUSm1YGLYSjSjXuqNmOIUoB04h58a6wWoJM9/QUbzGtsCxXSarOj5HKl/0P7eGVk/KLxKEBYL7UNO2X0Q==}
+  '@zag-js/file-utils@0.77.0':
+    resolution: {integrity: sha512-n+LETEg1WyAT4fyaMaluGl5kPzrwxqvw4jf8EuvP49x31Npm9+54bcnawUmqgoYMcYY+peJtr5rEsvrc8Y7C0g==}
 
-  '@zag-js/floating-panel@0.76.0':
-    resolution: {integrity: sha512-dmu6JzlhVP0asIY2fJ0GhgqcSbWO5qqXhklET0cLqyIv7+9h5DmUWMGt2tofaZHwoHD57OxjuD1UoEp4yXF0Ew==}
+  '@zag-js/floating-panel@0.77.0':
+    resolution: {integrity: sha512-kosIM7DTbz1gG0CKGso432GNiDqhhrb2gfkSkMUmQw2hAFmj/UEfJv2iEGyXptuoZyXOaezSrz/br+GLsr4SOQ==}
 
-  '@zag-js/focus-trap@0.76.0':
-    resolution: {integrity: sha512-nrP/XQ+dDTNhkpyQhnpk35tXHbPxJugt7hGZPs7LgUYhHKlomaMJam0hlqW4rtFXwIelCIxueDm7uXc1Bo49zQ==}
+  '@zag-js/focus-trap@0.77.0':
+    resolution: {integrity: sha512-kk9lTwUaWkUMGCmvhQgwdFEoYG/4t/m0NULobOHCWNCyvWH3ur1V1yLLT2UdIJA5QW2Yq9d8hf/AyKJm7EsaOQ==}
 
-  '@zag-js/focus-visible@0.76.0':
-    resolution: {integrity: sha512-b2zgIVLVdZP49CQJmgYnf/vgB8K3X1vGoCRZ0flyQ0I1zsftiVpRsChBdEsOoO5vVbTmoLwe4Km+3CY2KQo5Pg==}
+  '@zag-js/focus-visible@0.77.0':
+    resolution: {integrity: sha512-/uaXGATSpvrzQNUL5hssW3rlMil35WJRriqB3hbugUan6yY4ZDVvpZQq+RDQCPju778oRxIR4NJCN9Fi9nK6hA==}
 
-  '@zag-js/form-utils@0.76.0':
-    resolution: {integrity: sha512-kACbV5/zkl/srIagHAGwOtHzcj2X3kC5abO53TaF7qWRSyusv0iF8o0HoKuxbUw0fPDJ9X1t+IOazHjKlnlRIg==}
+  '@zag-js/form-utils@0.77.0':
+    resolution: {integrity: sha512-jmQM3e8i4tU2DZwSCBZa5efBZDmwX83Ob2pwkcwvjcWByTpn7rcXDFD82eOYeni4SzA9isg2E2BkFA3aZxQ1pA==}
 
-  '@zag-js/highlight-word@0.76.0':
-    resolution: {integrity: sha512-XAIa6HjNoVZmNvOcc4q30VctDhG6JOMghK6reEOXLBLfW/6LeE5yIhrPGThwn3CTGiBME51iwwf3oiPQlMgrUA==}
+  '@zag-js/highlight-word@0.77.0':
+    resolution: {integrity: sha512-t1MDU7jp7rLkz037L2twkCFckTiAajk6N9VADdRGU7O5CqJTCNho58HoIRjGEkv9jORXYUAiFdkG3gK3v4rfkg==}
 
-  '@zag-js/hover-card@0.76.0':
-    resolution: {integrity: sha512-fgJ583WKhN/n+pdCl6PYuax62E7VNrLVfqcu3t4HCaPRAl+jC+T8e7CaanLkR7z35YPo3sEi5YDB6mPhMnfnlA==}
+  '@zag-js/hover-card@0.77.0':
+    resolution: {integrity: sha512-isF6H9w2Jp1biigCcM6fkiQZFp6Rx1dRmiyJvgCv8+W/Pht2ZUAhB8IfDzRTe1bFzRfTBqSgtorb/fS58tQZcA==}
 
-  '@zag-js/i18n-utils@0.76.0':
-    resolution: {integrity: sha512-ZAy0W6WHeE3znvKqnyGKti0yGRVikcyxdMNOVxWIKAu/mJcDKu/lohBweM33zNMAYni1jwvBrrE+5rtuzfcRww==}
+  '@zag-js/i18n-utils@0.77.0':
+    resolution: {integrity: sha512-3uZ34/9RgiQJqwZ0OK6KWtUOEaHfB0tNyeVxkhqxdstcQiaeckCes8vimR3yD+ZAHGDeHYyghrVXDnux2ZRK5Q==}
 
-  '@zag-js/interact-outside@0.76.0':
-    resolution: {integrity: sha512-4t6XNLUwICMsfthu9vmFOjX81H0DKiELv/rFOrd3+vD6a314HLwRPYfoOKwLRwlLSgPmnWufCmQ4QwG1e+bo+w==}
+  '@zag-js/interact-outside@0.77.0':
+    resolution: {integrity: sha512-Asc/8zI4wLUR3eRqinWp/dvaORixCXauaISTkdcrkuDtRe0c47YXn9frUeds87S7Zr2MdwINYf7LjEechHQHDA==}
 
-  '@zag-js/live-region@0.76.0':
-    resolution: {integrity: sha512-MOyFNgKHgXjF1Kg4m4S6M5KwSWsti/Jq4kHPtvfYXA/Ra4s7KVaZ4WypM7sRc5zWKA1hVZghXaxA/cdosCIkQA==}
+  '@zag-js/live-region@0.77.0':
+    resolution: {integrity: sha512-NB+W80UAosjy3c8hg1OOOVYtzk4hh2GGx/6k/ckKJHCJMIHhS15Ng/ZSpFkTBVostaEsmD6wlVOYYasaIZmlpQ==}
 
-  '@zag-js/menu@0.76.0':
-    resolution: {integrity: sha512-8HK8Gv8e0YtRgU1ELbp1A5drWGayHYxfdni1N3m9cP4umNiTUmVVOGul7q+T3jlnNdMAFleqY46+vrB9XryBjA==}
+  '@zag-js/menu@0.77.0':
+    resolution: {integrity: sha512-9mCXKIfSqDe+R3y2ev9cqgKFOfkZq7oQYxp8SKKMOX/Gwx+IUkSsQRQ//FQ1aTI9fTwQ1PrzO80U5c5p27ZvAg==}
 
-  '@zag-js/number-input@0.76.0':
-    resolution: {integrity: sha512-EEIxlaH8RwmUpTzMnjwGRwFcRgRuLUxwhWW40h8UYfnzcAj/CDQznt8s1DwF75IcNvgA8gqCNBGrGgAPsBex6A==}
+  '@zag-js/number-input@0.77.0':
+    resolution: {integrity: sha512-wEaK6kHCXo52BBJ7Dsbwab6g0k8jPoLnQToYdITTJ8wv279FFyOV7XWEuxXx6UFjX10hvL2S9KtpupSOWdNBKw==}
 
-  '@zag-js/number-utils@0.76.0':
-    resolution: {integrity: sha512-RlTO4GxDmd3WNVb3Yu8sVK2tKZV8+tJkzYNNswj6cImva4dyIWwcq6gKdIIm9G82X3Zk06HmvSBWqVTfmxtqAQ==}
+  '@zag-js/number-utils@0.77.0':
+    resolution: {integrity: sha512-5KI76Mzp+OMPPSEPMp5mddwlwthjnvl7q5FKAcgeO1BmhhpOj/pX5r3Eo7pwvKD+OAdnRGpLwRYHFS8U1O0wCQ==}
 
-  '@zag-js/numeric-range@0.76.0':
-    resolution: {integrity: sha512-jBhqeGhixKxQte2KYPOE1j2q5sdbSagC1uJDy8i8Rn8kufNMBnjDRiu77Y0ShKbwhzniuPxJscHz2UYUpioSJg==}
+  '@zag-js/numeric-range@0.77.0':
+    resolution: {integrity: sha512-wRWsptlijs/LUycf3c2gJbSOj7vrfKsXmklbv0vF6v7OaXeyPtIXWs98vgj2jT8pmx5+kqosHna0Tzx5Aj1uiA==}
 
-  '@zag-js/pagination@0.76.0':
-    resolution: {integrity: sha512-DQ0JTkGv2EMjHdMFG86pKY58W7b/TQG5EbiveQ4YoIgjppKrT2HLjyN0QnYV5RtV99AXy9UvQalbRH+p38S1nw==}
+  '@zag-js/pagination@0.77.0':
+    resolution: {integrity: sha512-5QMu87BQ+pbxpi7C1YgbMMw0qT7IKJoynN8lgn6HXeokfoGj+91hbuIyVvCvjH8kRlqXHJYQYXJZMOGtXYELNA==}
 
-  '@zag-js/pin-input@0.76.0':
-    resolution: {integrity: sha512-3S7bUKtA5xlh5Xkj7Wa/WVRPyXiDk5fmR5a6NxwOysi9QwtNzL9LtAwa4TMEMI4ltshXAp3s8IIWfPSBo3vbxw==}
+  '@zag-js/pin-input@0.77.0':
+    resolution: {integrity: sha512-3dJRlj+Hvi53mowcHNuHclRmMLf7xf5bNOhHcst+yx74ogKXrexcw8GSrKlh360T4u3HSUJHMPLq9EUecV526w==}
 
-  '@zag-js/popover@0.76.0':
-    resolution: {integrity: sha512-Ac9fLhS2yelAz0uWF241QsoxVrf5hFjj4/tfIiTl6tXIjmKSg/RL5SS3a/QnIaD6hMYuSXZ4Q8cB42QbJPij9A==}
+  '@zag-js/popover@0.77.0':
+    resolution: {integrity: sha512-sB+srGPXa4M7FO+c1KDIFKPONvZj6kY126OJVur8IWBi+PKFkZgC6yBaw/Zl2Ub6MLjJXIWhn7BQufkVPs7hqA==}
 
-  '@zag-js/popper@0.76.0':
-    resolution: {integrity: sha512-Qldo9jc29qTspbUWj7NYwVuzEGf/smgtR2+oiufjpz7BvD79+QHUr89NPlYbE8hAME6Yb/tXisSKLvogfununw==}
+  '@zag-js/popper@0.77.0':
+    resolution: {integrity: sha512-S+fj4ti63OQwx4CN21STE09e1wmQmXvG00qpM6IPqwhEL06ao7jfU+pY8iEN2oxJATJSunwKst6kRU5o3rHpuw==}
 
-  '@zag-js/presence@0.76.0':
-    resolution: {integrity: sha512-kKDKaAEAcJLhl7qnLDdbLoGCyyPbE5fqDqULLQ4A11lETL+6qgdXHF3edA5F3fCBiWfUla7+p7PNKzg+M4jxUA==}
+  '@zag-js/presence@0.77.0':
+    resolution: {integrity: sha512-2Sa876Ro7RGpntvqEKPn8ttu8f+mz6kOsCwG847tIA3VUS4XhH6DRdd1+G0O7/XPdZhN1SRYqPzFbJil5n5L+Q==}
 
-  '@zag-js/progress@0.76.0':
-    resolution: {integrity: sha512-Hek5+PBXYVfPzPBI0HuVO8ajTD0UrZaHRuZjULyoO1qpGmXH4MP8Msdmljm5QWsCzgCqmh+Y6PtnDuQbnqaOFg==}
+  '@zag-js/progress@0.77.0':
+    resolution: {integrity: sha512-w7e79cx7x5kbPtE0NmPIUWUg9W2YE9DQFgcj+aZiM3EGWK+/3ZkF/rxUw3a6IBwxSOy5jLIE5tqruQM8+JbtSw==}
 
-  '@zag-js/qr-code@0.76.0':
-    resolution: {integrity: sha512-ZgLPR2JkH55Kh2lASX+IhTLf3Pa7IMauj0Yj26qxYsNsPNm7T4owgUprDhNiUdJMEyrgN5qT2oy8LfLt/nwt+Q==}
+  '@zag-js/qr-code@0.77.0':
+    resolution: {integrity: sha512-QawrRf+JbjeLF5Cvl4g8ySDpF5Tazi0HxyScOpDt+DMd5xdbR16MAgaf2+Bsjt8VcTgdQHjaWTcs5Y9pYm8ANg==}
 
-  '@zag-js/radio-group@0.76.0':
-    resolution: {integrity: sha512-zB2klP9MulDVuG8gxfDfhM298dIT9MDaljkYzZ92NqSxX8ipK1hwqMJjTPsq5iXeHhQxURIUcU0Gm4qOa9fNEQ==}
+  '@zag-js/radio-group@0.77.0':
+    resolution: {integrity: sha512-R0RnskBEIu0C5A2FYdskxX1B74ve13UpaSVLI8Ltk1fj5+xaZeInvBqhQcSVCvGXKQHelgXg+oF3r42iWC71KA==}
 
-  '@zag-js/rating-group@0.76.0':
-    resolution: {integrity: sha512-lkUHs87IRdyxniG4WI+EaDuIweNg6QWQSVQHh1A+ePBD71JuxmLz2SzZe9ANfLoqjFyXg249yykzN2v9jYW4Hw==}
+  '@zag-js/rating-group@0.77.0':
+    resolution: {integrity: sha512-O/8pRCKXSgAUZ7Hbxtmcl3mCjttNaF2TRgUaS2wZ0rJ3KGeQJIVDIhri9/hSqehiMXZWwYPeoy8bkhDIDDn9OA==}
 
-  '@zag-js/rect-utils@0.76.0':
-    resolution: {integrity: sha512-l09kP2faqbnWI+m5WPjNoXuABf5O+1at6Y/UxUdtlbpucqwD1jnsZ+hgEGbY0ldpaEzCivXu800mi717JFICMA==}
+  '@zag-js/rect-utils@0.77.0':
+    resolution: {integrity: sha512-UAvtDF1+FaIuYnMvM8EF4PkwUpnBhr4oPw4xw1TdZWd1PiXrj1bBzgqun2SyUfxhhy9X22tb03Nu0j64M9DYzA==}
 
-  '@zag-js/remove-scroll@0.76.0':
-    resolution: {integrity: sha512-1//f3MGqyNM1yzRqQ9uRgSTvB9BAEbWkteV1s07nYytd/y8cLcDPDC86vPlunl+eC4AUaTcUjRbWB7GEZ5TNqw==}
+  '@zag-js/remove-scroll@0.77.0':
+    resolution: {integrity: sha512-VY7xG7JAyzD4OFcZK7mG72qDrIr7jn3nNee+EjKUQDFoD3UEz+/rQYWfJ/9M6gTFsUZrvcazl9EOIf71f5GPlg==}
 
-  '@zag-js/select@0.76.0':
-    resolution: {integrity: sha512-DZgIeaw+wtRr44/DPsnK5nOAv0Lnx+jZFEGP85tHY9UAvvbvcP2JfhlJSxojhqRYU6rjRNvFtPznkKdlT1A8Ww==}
+  '@zag-js/select@0.77.0':
+    resolution: {integrity: sha512-UKtU2QFFbpMoKpLgKWHsnFib60E1tck9BtyOmQR0ll+7UF5fYnLIQa50TIEQhiFVLLWxwOa7cCx94fmZ8d1+yw==}
 
-  '@zag-js/signature-pad@0.76.0':
-    resolution: {integrity: sha512-YpNpwSz9aJGJNxBwtk2+kESwbJeAbDKjcIBrUqiyWObAvwMlttzEfQDLFOAJcy/hUopJCyMzSxR31ZjoJzRdHQ==}
+  '@zag-js/signature-pad@0.77.0':
+    resolution: {integrity: sha512-EzraElB4XNlx8R9XPCAzvw1bb0IU6HERJ8+0HYYcYDVW3YSJCTugC4uGk5+NaShkaV3Tr0JRQKo6WzUmq8DwxA==}
 
-  '@zag-js/slider@0.76.0':
-    resolution: {integrity: sha512-IHX1Ph3GwIfncLEKRyk7iE6qVJb6XF+Io/q7TQbqjlxMYpCgSeD9Ce8NMdBtBvj0N/4X1C54+eLK8lPd80uR2Q==}
+  '@zag-js/slider@0.77.0':
+    resolution: {integrity: sha512-LB3Ae5bI210KSE+vs0LNIAZNqePzU+DllhPdFfHae3XqPiVug/+Lco34lLjG5jEyx+L2dPcNvyyx4bzHVvW3Ug==}
 
-  '@zag-js/splitter@0.76.0':
-    resolution: {integrity: sha512-uAGkZ7I8P455VXnwZjRyGF+5kvQYkSU+b08chH4MFBrRVteMu6eof6/+X5JnYjWa9M6Pm90Fa1TCCiZ1/I11ow==}
+  '@zag-js/splitter@0.77.0':
+    resolution: {integrity: sha512-InT3PLf8F32l6cRAuClYuSfDFEhmUBUw+2uYbEPwsMC0id5buO7cZ0h5Fed9hSUBdsuAEavKykwvrF0QUk4Qcg==}
 
-  '@zag-js/steps@0.76.0':
-    resolution: {integrity: sha512-0bxK60FPKc5ajTySBCm7ng/oIPU3kGfPaP4WEh1uGRT9RTgOtpbb9eSC9gUWKc7D8vGgdqhucTU5XXFvVMaLBg==}
+  '@zag-js/steps@0.77.0':
+    resolution: {integrity: sha512-s7bdZ9frid03m7BMT+whZO+iguWG3etcoIDMzJmCt/nOgUhvIQ7c2AeUs5JqiLM6ijqM93uvmASFrolZkymcsg==}
 
-  '@zag-js/store@0.76.0':
-    resolution: {integrity: sha512-A5pNDS8xgxDv/1XfxbozyEfA0C24AmJtUeE84kK2lAujGZUCoQciLHkxlGm4jYH5dZJc1Nvmh/rQALqfS7KIqA==}
+  '@zag-js/store@0.77.0':
+    resolution: {integrity: sha512-5VdZVkAKdW7Uig4MpUj8Y/G12q5qSrZcQ6gbdZCl6n5T4IuMRuCHrDtBwVcU0UX0hpegqTetp1fY36RgLrP0RQ==}
 
-  '@zag-js/svelte@0.76.0':
-    resolution: {integrity: sha512-pypT/RTiDfJpEWdll/Oc89iYuVAbB8LbSwXJpFew5lTy2kRbCP1X14FYSbUk4aNO5Su2yu6VCeFeu/dzh/IWLg==}
+  '@zag-js/svelte@0.77.0':
+    resolution: {integrity: sha512-EQzKqz/6PEpYo4r5rbpIMS2ir1AbS24OTXq4B1DHU2w5SokNW79IF1Le4lrd30PF5KAJBJr/e6Nl332DLtbwZQ==}
     peerDependencies:
       svelte: ^5.0.0-next.1
 
-  '@zag-js/switch@0.76.0':
-    resolution: {integrity: sha512-0pNt4scNQFXSaSSrTnT3FNkr9D2lNoCnuUZXgYXjDRdI9Z/pzq5geeK8ucu2AIzTvLsxffXh+B8aPWXdxXl+nw==}
+  '@zag-js/switch@0.77.0':
+    resolution: {integrity: sha512-UEFDZLrxQEo5o8FpLrAQd0B9sGVoiBPCWoo+BcdNCKy1cK0Azq43C/b7MmYJRo6fg1QMTnx/D2j1v+pFLaSKmQ==}
 
-  '@zag-js/tabs@0.76.0':
-    resolution: {integrity: sha512-kuYFynGQbeO1KRsCA4FFbB/LXbbmVe+HEBvYPzNUykufMTlPyrp5ALWrjRS89WW71GGdo1FqhQsW6Anzyty0hA==}
+  '@zag-js/tabs@0.77.0':
+    resolution: {integrity: sha512-OgwEborBunCkT6nQOHq1qLlXkvo7UcFMA6clZFFGhYDGQN5HJg2RCQGFfYJM05BGIG/TDF23gLnTSnpSCJF95g==}
 
-  '@zag-js/tags-input@0.76.0':
-    resolution: {integrity: sha512-JMfQdynr3J5v7NztFzI3ChxDeZQMAmUdq3RzJNl5wlMYbyv7wDbjvSkOnWwxzVFqhAnQmIXCN2As/8YzkFJjuw==}
+  '@zag-js/tags-input@0.77.0':
+    resolution: {integrity: sha512-35j3SouQznDYi9lZJkyh+tKqSD+n1pvAFXxkp4P2qIrhcHA8+6UjjWrw1powCEpHcfTN7cNA6ggVU3LSz1K3Sg==}
 
-  '@zag-js/text-selection@0.76.0':
-    resolution: {integrity: sha512-4htspVax5u8zyBrhVsfgE1YbmYtpQu0T7U8SMMIl8UUtdG5Cu8bYfQYJiGfZVG2zusIciYTE1w2G0gi21At6UA==}
+  '@zag-js/text-selection@0.77.0':
+    resolution: {integrity: sha512-ui2Kxj/8wJyeOm/AIHuhUwxRR5RzkHIxNVCJ5DHFv/uvhq1kLtXiUQRQZc9mmx3kmW51p/fCqmE835Q1xHEQEA==}
 
-  '@zag-js/time-picker@0.76.0':
-    resolution: {integrity: sha512-rNGSM5LieIPERMhfR6gYVIx7w1JCZZ7aEotIFd+Y59FtUyznQkycCgMg8zMyIsCArwATHG3Ja8fXUwjpuxfKcw==}
+  '@zag-js/time-picker@0.77.0':
+    resolution: {integrity: sha512-kXFL9pbj7KiwVZykFv+2GUDirshYieSyN1PuFq5PxqHI3ti1LDSGULJ5Y8L9U8OsnKyqM274jZN5cdPTz0e2CQ==}
     peerDependencies:
       '@internationalized/date': '>=3.0.0'
 
-  '@zag-js/timer@0.76.0':
-    resolution: {integrity: sha512-rfZhZCvZXGA6n1GbvmE6m+x+n2uC9XZ+8VXuWLiuGL0oWdcvxPpEq1ywmrZqolqM4otXUrUpU5BCprL4tfEHWA==}
+  '@zag-js/timer@0.77.0':
+    resolution: {integrity: sha512-nOWPOg+iM7mFlXuxSO7km2yhv4QaWbijjEAru60D+TGgZHnB7K+KYghFY8ekJF/oJ/PgnM+jlXYJbRXij2sisA==}
 
-  '@zag-js/toast@0.76.0':
-    resolution: {integrity: sha512-em7aVVRjfXJOGO7SEGS6LTHecyYgBdN+pR5u+5S6ya4VMtjaxLgLat3+LKuFK2Al+W8ZzfRPS6qOkyn6EC/N3A==}
+  '@zag-js/toast@0.77.0':
+    resolution: {integrity: sha512-RLXhu/KXhrOisvOoy4cJ/9tFMD9ccO4kWbNYmk/+WJqsIWuoQWWU+FbCE/ApHLIyLIv7OKUxnn+eBLdYyCF7Kw==}
 
-  '@zag-js/toggle-group@0.76.0':
-    resolution: {integrity: sha512-q/eqyM8U5kxUKq2Q3vVmYeWASFEtefjeaACOIvyQH4/acXuqHsqYLaSehKazwE1H4e3xZcYzf5TX29XhkDc13w==}
+  '@zag-js/toggle-group@0.77.0':
+    resolution: {integrity: sha512-8kellcM+n8dWqI0uiLU6v5k8peSWttgV5KA3JrjNCPUkWjgoBxYIZpP3CXkbd/ddQDWgzGDhCRg4e09E7sEsMA==}
 
-  '@zag-js/tooltip@0.76.0':
-    resolution: {integrity: sha512-LNAMpThDyqlhvt8LKjrqXw82z72A8QT3c1lFm14KJGNY0eMWXTziDRJ1cx/Fuz5/GLWDsL8TXSIG+3JYJh97rw==}
+  '@zag-js/tooltip@0.77.0':
+    resolution: {integrity: sha512-L2NOuPHG2iCHtqmZ9iQ7C43LQOGg7cusXjZYD15C96ScKinedDureNIMiaW+oJ9FrP1/tIS0oZMjpdr7R4b60w==}
 
-  '@zag-js/tour@0.76.0':
-    resolution: {integrity: sha512-NZLfkR4OFPjcCppQCWQnrHq2VTMcKA+oul1pNyCbD1CKOAKncEy0XGuAJgWv8wGtkV/ic+fwuAfn4wzAsmQRoA==}
+  '@zag-js/tour@0.77.0':
+    resolution: {integrity: sha512-N8NnnSwQHvUt+QLZg0wII9kywnEsr+qgKfp/PoU3FVxkQpV2VC1vfAX3AX6FV6Tm0QB1oaUbZ9u4HmlK4OPQ+Q==}
 
-  '@zag-js/tree-view@0.76.0':
-    resolution: {integrity: sha512-cX2SbGs/QDelG5wh0RYpTZSjSVeFWnLUkXzRsxM8nbArIflKMnxDG363x+VVPPF6RhOvmGLWyDBs7OkcqwNycw==}
+  '@zag-js/tree-view@0.77.0':
+    resolution: {integrity: sha512-uBIC+Nhhy/cY5aeUh9MO0vKuq2NWLp9luTwJsUGeqwT2V+iYir0CBnbrnh7ZXzgx4lYpux3fwf4vmpwVVhAH8Q==}
 
-  '@zag-js/types@0.76.0':
-    resolution: {integrity: sha512-TW5bef96uZFlDESeN5/iZY7G0jG55FQ9LSr0M4DN/UKNwYM9u2aJDCEeflCb4VNwrEeNEm2X+jxkjHpsJfQBgg==}
+  '@zag-js/types@0.77.0':
+    resolution: {integrity: sha512-3SyxTJFpx5B7OY9Od90fj9wPbnLye1wfijuC5619Q85M7bCbWNsVbhcQLb81kQM/o+c+b0SIdzZWHYqqTnih0A==}
 
-  '@zag-js/utils@0.76.0':
-    resolution: {integrity: sha512-S3aVy25ZeQ68Gc1WCDMBCpsq0lqYqcpgqaBqZG3rBVuS0llPCaMrabHQEihoquxqaeWdRgwFDoQE9xTrPCvwxw==}
+  '@zag-js/utils@0.77.0':
+    resolution: {integrity: sha512-T8UpwR43fUr+a/eRML9aSOUBal9bylDqoEZCwAS49Hm6oRldlyQayPM6kh3kDn+N9QX3fD00Hu/u9J29lAZkaw==}
 
   abbrev@1.1.1:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
@@ -1142,11 +1141,6 @@ packages:
     peerDependencies:
       acorn: '>=8.9.0'
 
-  acorn@8.12.1:
-    resolution: {integrity: sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
   acorn@8.14.0:
     resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==}
     engines: {node: '>=0.4.0'}
@@ -1884,8 +1878,8 @@ packages:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
 
-  globals@15.11.0:
-    resolution: {integrity: sha512-yeyNSjdbyVaWurlwCpcA6XNBrHTMIeDdj0/hnvX/OLJ9ekOXYbLsLinH/MucQyGvNnXhidTdNhTtJaffL2sMfw==}
+  globals@15.12.0:
+    resolution: {integrity: sha512-1+gLErljJFhbOVyaetcwJiJ4+eLe45S2E7P5UiZ9xGfeq3ATQf5DOv9G7MH3gGbKQLkzmNh2DxfZwLdw+j6oTQ==}
     engines: {node: '>=18'}
 
   globalyzer@0.1.0:
@@ -3012,8 +3006,8 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  svelte-check@4.0.5:
-    resolution: {integrity: sha512-icBTBZ3ibBaywbXUat3cK6hB5Du+Kq9Z8CRuyLmm64XIe2/r+lQcbuBx/IQgsbrC+kT2jQ0weVpZSSRIPwB6jQ==}
+  svelte-check@4.0.6:
+    resolution: {integrity: sha512-2XwmQNJaKbenJbvu5at+DuRpvF4v73Zu7f0/WkMl1O7WDm/IfF+E13t8D0nnRiRcMsNYm9ufHyLwfeMEnebpdg==}
     engines: {node: '>= 18.0.0'}
     hasBin: true
     peerDependencies:
@@ -3035,8 +3029,8 @@ packages:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
       typescript: ^4.9.4 || ^5.0.0
 
-  svelte@5.1.9:
-    resolution: {integrity: sha512-nzq+PPKGS2PoEWDjAcXSrKSbXmmmOAxd6dAz1IhRusUpVkFS6DMELWPyBPGwu6TpO/gsgtFXwX0M4+pAR5gzKw==}
+  svelte@5.1.13:
+    resolution: {integrity: sha512-xVNk8yLsZNfkyqWzVg8+nfU9ewiSjVW0S4qyTxfKa6Y7P5ZBhA+LDsh2cHWIXJQMltikQAk6W3sqGdQZSH58PA==}
     engines: {node: '>=18'}
 
   symbol-tree@3.2.4:
@@ -3128,9 +3122,6 @@ packages:
     resolution: {integrity: sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==}
     engines: {node: '>=18'}
 
-  tree-visit@0.4.2:
-    resolution: {integrity: sha512-BPfpiWqIwFzvObmmcUqUNt5A+2ZsOzrUcJ6DMaDKkNRz5gUAtdZu/Ya9f13/zjXkkiqYxNdKr8vd3pG2s400fQ==}
-
   ts-api-utils@1.3.0:
     resolution: {integrity: sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==}
     engines: {node: '>=16'}
@@ -3159,8 +3150,8 @@ packages:
     resolution: {integrity: sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==}
     engines: {node: '>=16'}
 
-  typescript-eslint@8.12.2:
-    resolution: {integrity: sha512-UbuVUWSrHVR03q9CWx+JDHeO6B/Hr9p4U5lRH++5tq/EbFq1faYZe50ZSBePptgfIKLEti0aPQ3hFgnPVcd8ZQ==}
+  typescript-eslint@8.13.0:
+    resolution: {integrity: sha512-vIMpDRJrQd70au2G8w34mPps0ezFSPMEX4pXkTzUkrNbRX+36ais2ksGWN0esZL+ZMaFJEneOBHzCgSqle7DHw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '*'
@@ -3432,7 +3423,7 @@ snapshots:
   '@babel/code-frame@7.24.7':
     dependencies:
       '@babel/highlight': 7.24.7
-      picocolors: 1.1.0
+      picocolors: 1.1.1
 
   '@babel/helper-validator-identifier@7.24.7': {}
 
@@ -3441,7 +3432,7 @@ snapshots:
       '@babel/helper-validator-identifier': 7.24.7
       chalk: 2.4.2
       js-tokens: 4.0.0
-      picocolors: 1.1.0
+      picocolors: 1.1.1
 
   '@babel/runtime@7.25.6':
     dependencies:
@@ -3521,8 +3512,6 @@ snapshots:
       eslint: 9.14.0(jiti@1.21.6)
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/regexpp@4.11.0': {}
-
   '@eslint-community/regexpp@4.12.1': {}
 
   '@eslint/config-array@0.18.0':
@@ -3785,18 +3774,18 @@ snapshots:
 
   '@sindresorhus/merge-streams@2.3.0': {}
 
-  '@sveltejs/adapter-vercel@5.4.6(@sveltejs/kit@2.7.4(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5)))':
+  '@sveltejs/adapter-vercel@5.4.7(@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5)))':
     dependencies:
-      '@sveltejs/kit': 2.7.4(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5))
+      '@sveltejs/kit': 2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5))
       '@vercel/nft': 0.27.3
       esbuild: 0.21.5
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@sveltejs/kit@2.7.4(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5))':
+  '@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5))
+      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.1.1
@@ -3808,38 +3797,38 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.7.0
       sirv: 3.0.0
-      svelte: 5.1.9
+      svelte: 5.1.13
       tiny-glob: 0.2.9
       vite: 5.4.10(@types/node@22.5.5)
 
-  '@sveltejs/package@2.3.7(svelte@5.1.9)(typescript@5.6.3)':
+  '@sveltejs/package@2.3.7(svelte@5.1.13)(typescript@5.6.3)':
     dependencies:
       chokidar: 4.0.1
       kleur: 4.1.5
       sade: 1.8.1
       semver: 7.6.3
-      svelte: 5.1.9
-      svelte2tsx: 0.7.19(svelte@5.1.9)(typescript@5.6.3)
+      svelte: 5.1.13
+      svelte2tsx: 0.7.19(svelte@5.1.13)(typescript@5.6.3)
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@3.0.0-next.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5))':
+  '@sveltejs/vite-plugin-svelte-inspector@3.0.0-next.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5))
+      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5))
       debug: 4.3.7
-      svelte: 5.1.9
+      svelte: 5.1.13
       vite: 5.4.10(@types/node@22.5.5)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5))':
+  '@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 3.0.0-next.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5))
+      '@sveltejs/vite-plugin-svelte-inspector': 3.0.0-next.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5)))(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5))
       debug: 4.3.7
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.12
-      svelte: 5.1.9
+      svelte: 5.1.13
       vite: 5.4.10(@types/node@22.5.5)
       vitefu: 1.0.3(vite@5.4.10(@types/node@22.5.5))
     transitivePeerDependencies:
@@ -3870,10 +3859,10 @@ snapshots:
       lodash: 4.17.21
       redent: 3.0.0
 
-  '@testing-library/svelte@5.2.4(svelte@5.1.9)(vite@5.4.10(@types/node@22.5.5))(vitest@2.1.4(@types/node@22.5.5)(jsdom@25.0.1))':
+  '@testing-library/svelte@5.2.4(svelte@5.1.13)(vite@5.4.10(@types/node@22.5.5))(vitest@2.1.4(@types/node@22.5.5)(jsdom@25.0.1))':
     dependencies:
       '@testing-library/dom': 10.4.0
-      svelte: 5.1.9
+      svelte: 5.1.13
     optionalDependencies:
       vite: 5.4.10(@types/node@22.5.5)
       vitest: 2.1.4(@types/node@22.5.5)(jsdom@25.0.1)
@@ -3911,14 +3900,14 @@ snapshots:
 
   '@types/tough-cookie@4.0.5': {}
 
-  '@typescript-eslint/eslint-plugin@8.12.2(@typescript-eslint/parser@8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3))(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)':
+  '@typescript-eslint/eslint-plugin@8.13.0(@typescript-eslint/parser@8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3))(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)':
     dependencies:
-      '@eslint-community/regexpp': 4.11.0
-      '@typescript-eslint/parser': 8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
-      '@typescript-eslint/scope-manager': 8.12.2
-      '@typescript-eslint/type-utils': 8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
-      '@typescript-eslint/visitor-keys': 8.12.2
+      '@eslint-community/regexpp': 4.12.1
+      '@typescript-eslint/parser': 8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
+      '@typescript-eslint/scope-manager': 8.13.0
+      '@typescript-eslint/type-utils': 8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.13.0
       eslint: 9.14.0(jiti@1.21.6)
       graphemer: 1.4.0
       ignore: 5.3.2
@@ -3929,12 +3918,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)':
+  '@typescript-eslint/parser@8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.12.2
-      '@typescript-eslint/types': 8.12.2
-      '@typescript-eslint/typescript-estree': 8.12.2(typescript@5.6.3)
-      '@typescript-eslint/visitor-keys': 8.12.2
+      '@typescript-eslint/scope-manager': 8.13.0
+      '@typescript-eslint/types': 8.13.0
+      '@typescript-eslint/typescript-estree': 8.13.0(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.13.0
       debug: 4.3.7
       eslint: 9.14.0(jiti@1.21.6)
     optionalDependencies:
@@ -3942,15 +3931,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.12.2':
+  '@typescript-eslint/scope-manager@8.13.0':
     dependencies:
-      '@typescript-eslint/types': 8.12.2
-      '@typescript-eslint/visitor-keys': 8.12.2
+      '@typescript-eslint/types': 8.13.0
+      '@typescript-eslint/visitor-keys': 8.13.0
 
-  '@typescript-eslint/type-utils@8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)':
+  '@typescript-eslint/type-utils@8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.12.2(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
+      '@typescript-eslint/typescript-estree': 8.13.0(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
       debug: 4.3.7
       ts-api-utils: 1.3.0(typescript@5.6.3)
     optionalDependencies:
@@ -3959,12 +3948,12 @@ snapshots:
       - eslint
       - supports-color
 
-  '@typescript-eslint/types@8.12.2': {}
+  '@typescript-eslint/types@8.13.0': {}
 
-  '@typescript-eslint/typescript-estree@8.12.2(typescript@5.6.3)':
+  '@typescript-eslint/typescript-estree@8.13.0(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/types': 8.12.2
-      '@typescript-eslint/visitor-keys': 8.12.2
+      '@typescript-eslint/types': 8.13.0
+      '@typescript-eslint/visitor-keys': 8.13.0
       debug: 4.3.7
       fast-glob: 3.3.2
       is-glob: 4.0.3
@@ -3976,32 +3965,32 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)':
+  '@typescript-eslint/utils@8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@9.14.0(jiti@1.21.6))
-      '@typescript-eslint/scope-manager': 8.12.2
-      '@typescript-eslint/types': 8.12.2
-      '@typescript-eslint/typescript-estree': 8.12.2(typescript@5.6.3)
+      '@typescript-eslint/scope-manager': 8.13.0
+      '@typescript-eslint/types': 8.13.0
+      '@typescript-eslint/typescript-estree': 8.13.0(typescript@5.6.3)
       eslint: 9.14.0(jiti@1.21.6)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@typescript-eslint/visitor-keys@8.12.2':
+  '@typescript-eslint/visitor-keys@8.13.0':
     dependencies:
-      '@typescript-eslint/types': 8.12.2
+      '@typescript-eslint/types': 8.13.0
       eslint-visitor-keys: 3.4.3
 
-  '@untitled-theme/icons-svelte@0.12.0(svelte@5.1.9)':
+  '@untitled-theme/icons-svelte@0.12.0(svelte@5.1.13)':
     dependencies:
-      svelte: 5.1.9
+      svelte: 5.1.13
 
   '@vercel/nft@0.27.3':
     dependencies:
       '@mapbox/node-pre-gyp': 1.0.11
       '@rollup/pluginutils': 4.2.1
-      acorn: 8.12.1
-      acorn-import-attributes: 1.9.5(acorn@8.12.1)
+      acorn: 8.14.0
+      acorn-import-attributes: 1.9.5(acorn@8.14.0)
       async-sema: 3.1.1
       bindings: 1.5.0
       estree-walker: 2.0.2
@@ -4054,537 +4043,533 @@ snapshots:
       loupe: 3.1.2
       tinyrainbow: 1.2.0
 
-  '@zag-js/accordion@0.76.0':
+  '@zag-js/accordion@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/anatomy@0.76.0': {}
+  '@zag-js/anatomy@0.77.0': {}
 
-  '@zag-js/aria-hidden@0.76.0':
+  '@zag-js/aria-hidden@0.77.0':
     dependencies:
       aria-hidden: 1.2.4
 
-  '@zag-js/auto-resize@0.76.0':
+  '@zag-js/auto-resize@0.77.0':
     dependencies:
-      '@zag-js/dom-query': 0.76.0
+      '@zag-js/dom-query': 0.77.0
 
-  '@zag-js/avatar@0.76.0':
+  '@zag-js/avatar@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/carousel@0.76.0':
+  '@zag-js/carousel@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/checkbox@0.76.0':
+  '@zag-js/checkbox@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/focus-visible': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/focus-visible': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/clipboard@0.76.0':
+  '@zag-js/clipboard@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/collapsible@0.76.0':
+  '@zag-js/collapsible@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/collection@0.76.0':
+  '@zag-js/collection@0.77.0':
     dependencies:
-      '@zag-js/utils': 0.76.0
-      tree-visit: 0.4.2
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/color-picker@0.76.0':
+  '@zag-js/color-picker@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/color-utils': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/popper': 0.76.0
-      '@zag-js/text-selection': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/color-utils': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/popper': 0.77.0
+      '@zag-js/text-selection': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/color-utils@0.76.0':
+  '@zag-js/color-utils@0.77.0':
     dependencies:
-      '@zag-js/numeric-range': 0.76.0
+      '@zag-js/numeric-range': 0.77.0
 
-  '@zag-js/combobox@0.76.0':
+  '@zag-js/combobox@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/aria-hidden': 0.76.0
-      '@zag-js/collection': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/popper': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/aria-hidden': 0.77.0
+      '@zag-js/collection': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/popper': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/core@0.76.0':
+  '@zag-js/core@0.77.0':
     dependencies:
-      '@zag-js/store': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/store': 0.77.0
+      '@zag-js/utils': 0.77.0
       klona: 2.0.6
 
-  '@zag-js/date-picker@0.76.0(@internationalized/date@3.5.5)':
+  '@zag-js/date-picker@0.77.0(@internationalized/date@3.5.5)':
     dependencies:
       '@internationalized/date': 3.5.5
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/date-utils': 0.76.0(@internationalized/date@3.5.5)
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/live-region': 0.76.0
-      '@zag-js/popper': 0.76.0
-      '@zag-js/text-selection': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/date-utils@0.76.0(@internationalized/date@3.5.5)':
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/date-utils': 0.77.0(@internationalized/date@3.5.5)
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/live-region': 0.77.0
+      '@zag-js/popper': 0.77.0
+      '@zag-js/text-selection': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/date-utils@0.77.0(@internationalized/date@3.5.5)':
     dependencies:
       '@internationalized/date': 3.5.5
 
-  '@zag-js/dialog@0.76.0':
+  '@zag-js/dialog@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/aria-hidden': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/remove-scroll': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/aria-hidden': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/remove-scroll': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
       focus-trap: 7.6.0
 
-  '@zag-js/dismissable@0.76.0':
+  '@zag-js/dismissable@0.77.0':
     dependencies:
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/interact-outside': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/interact-outside': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/dom-event@0.76.0':
+  '@zag-js/dom-event@0.77.0':
     dependencies:
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/text-selection': 0.76.0
-      '@zag-js/types': 0.76.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/text-selection': 0.77.0
+      '@zag-js/types': 0.77.0
 
-  '@zag-js/dom-query@0.76.0': {}
+  '@zag-js/dom-query@0.77.0': {}
 
-  '@zag-js/editable@0.76.0':
+  '@zag-js/editable@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/interact-outside': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/interact-outside': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/element-rect@0.76.0': {}
+  '@zag-js/element-rect@0.77.0': {}
 
-  '@zag-js/element-size@0.76.0': {}
+  '@zag-js/element-size@0.77.0': {}
 
-  '@zag-js/file-upload@0.76.0':
+  '@zag-js/file-upload@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/file-utils': 0.76.0
-      '@zag-js/i18n-utils': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/file-utils': 0.77.0
+      '@zag-js/i18n-utils': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/file-utils@0.76.0':
+  '@zag-js/file-utils@0.77.0':
     dependencies:
-      '@zag-js/i18n-utils': 0.76.0
+      '@zag-js/i18n-utils': 0.77.0
 
-  '@zag-js/floating-panel@0.76.0':
+  '@zag-js/floating-panel@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/numeric-range': 0.76.0
-      '@zag-js/popper': 0.76.0
-      '@zag-js/rect-utils': 0.76.0
-      '@zag-js/store': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/numeric-range': 0.77.0
+      '@zag-js/popper': 0.77.0
+      '@zag-js/rect-utils': 0.77.0
+      '@zag-js/store': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/focus-trap@0.76.0':
+  '@zag-js/focus-trap@0.77.0':
     dependencies:
-      '@zag-js/dom-query': 0.76.0
+      '@zag-js/dom-query': 0.77.0
       focus-trap: 7.6.0
 
-  '@zag-js/focus-visible@0.76.0':
+  '@zag-js/focus-visible@0.77.0':
     dependencies:
-      '@zag-js/dom-query': 0.76.0
+      '@zag-js/dom-query': 0.77.0
 
-  '@zag-js/form-utils@0.76.0': {}
+  '@zag-js/form-utils@0.77.0': {}
 
-  '@zag-js/highlight-word@0.76.0': {}
+  '@zag-js/highlight-word@0.77.0': {}
 
-  '@zag-js/hover-card@0.76.0':
+  '@zag-js/hover-card@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/popper': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/popper': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/i18n-utils@0.76.0':
+  '@zag-js/i18n-utils@0.77.0':
     dependencies:
-      '@zag-js/dom-query': 0.76.0
+      '@zag-js/dom-query': 0.77.0
 
-  '@zag-js/interact-outside@0.76.0':
+  '@zag-js/interact-outside@0.77.0':
     dependencies:
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/live-region@0.76.0': {}
+  '@zag-js/live-region@0.77.0': {}
 
-  '@zag-js/menu@0.76.0':
+  '@zag-js/menu@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/popper': 0.76.0
-      '@zag-js/rect-utils': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/popper': 0.77.0
+      '@zag-js/rect-utils': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/number-input@0.76.0':
+  '@zag-js/number-input@0.77.0':
     dependencies:
       '@internationalized/number': 3.5.4
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/number-utils': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/number-utils@0.76.0': {}
-
-  '@zag-js/numeric-range@0.76.0': {}
-
-  '@zag-js/pagination@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/pin-input@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/popover@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/aria-hidden': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/popper': 0.76.0
-      '@zag-js/remove-scroll': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/number-utils': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/number-utils@0.77.0': {}
+
+  '@zag-js/numeric-range@0.77.0': {}
+
+  '@zag-js/pagination@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/pin-input@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/popover@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/aria-hidden': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/popper': 0.77.0
+      '@zag-js/remove-scroll': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
       focus-trap: 7.6.0
 
-  '@zag-js/popper@0.76.0':
+  '@zag-js/popper@0.77.0':
     dependencies:
       '@floating-ui/dom': 1.6.11
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/presence@0.76.0':
+  '@zag-js/presence@0.77.0':
     dependencies:
-      '@zag-js/core': 0.76.0
-      '@zag-js/types': 0.76.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/types': 0.77.0
 
-  '@zag-js/progress@0.76.0':
+  '@zag-js/progress@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/qr-code@0.76.0':
+  '@zag-js/qr-code@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
       proxy-memoize: 3.0.1
       uqr: 0.1.2
 
-  '@zag-js/radio-group@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/element-rect': 0.76.0
-      '@zag-js/focus-visible': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/rating-group@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/rect-utils@0.76.0': {}
-
-  '@zag-js/remove-scroll@0.76.0':
-    dependencies:
-      '@zag-js/dom-query': 0.76.0
-
-  '@zag-js/select@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/collection': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/popper': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/signature-pad@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+  '@zag-js/radio-group@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/element-rect': 0.77.0
+      '@zag-js/focus-visible': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/rating-group@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/rect-utils@0.77.0': {}
+
+  '@zag-js/remove-scroll@0.77.0':
+    dependencies:
+      '@zag-js/dom-query': 0.77.0
+
+  '@zag-js/select@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/collection': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/popper': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/signature-pad@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
       perfect-freehand: 1.2.2
 
-  '@zag-js/slider@0.76.0':
+  '@zag-js/slider@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/element-size': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/numeric-range': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/element-size': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/numeric-range': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/splitter@0.76.0':
+  '@zag-js/splitter@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/number-utils': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/number-utils': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/steps@0.76.0':
+  '@zag-js/steps@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/store@0.76.0':
+  '@zag-js/store@0.77.0':
     dependencies:
       proxy-compare: 3.0.0
 
-  '@zag-js/svelte@0.76.0(svelte@5.1.9)':
+  '@zag-js/svelte@0.77.0(svelte@5.1.13)':
     dependencies:
-      '@zag-js/core': 0.76.0
-      '@zag-js/types': 0.76.0
-      svelte: 5.1.9
+      '@zag-js/core': 0.77.0
+      '@zag-js/types': 0.77.0
+      svelte: 5.1.13
 
-  '@zag-js/switch@0.76.0':
+  '@zag-js/switch@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/focus-visible': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/focus-visible': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/tabs@0.76.0':
+  '@zag-js/tabs@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/element-rect': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/element-rect': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/tags-input@0.76.0':
+  '@zag-js/tags-input@0.77.0':
     dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/auto-resize': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/form-utils': 0.76.0
-      '@zag-js/interact-outside': 0.76.0
-      '@zag-js/live-region': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/auto-resize': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/form-utils': 0.77.0
+      '@zag-js/interact-outside': 0.77.0
+      '@zag-js/live-region': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
 
-  '@zag-js/text-selection@0.76.0':
+  '@zag-js/text-selection@0.77.0':
     dependencies:
-      '@zag-js/dom-query': 0.76.0
+      '@zag-js/dom-query': 0.77.0
 
-  '@zag-js/time-picker@0.76.0(@internationalized/date@3.5.5)':
+  '@zag-js/time-picker@0.77.0(@internationalized/date@3.5.5)':
     dependencies:
       '@internationalized/date': 3.5.5
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/popper': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/timer@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/toast@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/toggle-group@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/tooltip@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/focus-visible': 0.76.0
-      '@zag-js/popper': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/tour@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dismissable': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/focus-trap': 0.76.0
-      '@zag-js/interact-outside': 0.76.0
-      '@zag-js/popper': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/tree-view@0.76.0':
-    dependencies:
-      '@zag-js/anatomy': 0.76.0
-      '@zag-js/core': 0.76.0
-      '@zag-js/dom-event': 0.76.0
-      '@zag-js/dom-query': 0.76.0
-      '@zag-js/types': 0.76.0
-      '@zag-js/utils': 0.76.0
-
-  '@zag-js/types@0.76.0':
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/popper': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/timer@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/toast@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/toggle-group@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/tooltip@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/focus-visible': 0.77.0
+      '@zag-js/popper': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/tour@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dismissable': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/focus-trap': 0.77.0
+      '@zag-js/interact-outside': 0.77.0
+      '@zag-js/popper': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/tree-view@0.77.0':
+    dependencies:
+      '@zag-js/anatomy': 0.77.0
+      '@zag-js/collection': 0.77.0
+      '@zag-js/core': 0.77.0
+      '@zag-js/dom-event': 0.77.0
+      '@zag-js/dom-query': 0.77.0
+      '@zag-js/types': 0.77.0
+      '@zag-js/utils': 0.77.0
+
+  '@zag-js/types@0.77.0':
     dependencies:
       csstype: 3.1.3
 
-  '@zag-js/utils@0.76.0': {}
+  '@zag-js/utils@0.77.0': {}
 
   abbrev@1.1.1: {}
 
-  acorn-import-attributes@1.9.5(acorn@8.12.1):
-    dependencies:
-      acorn: 8.12.1
-
-  acorn-jsx@5.3.2(acorn@8.12.1):
+  acorn-import-attributes@1.9.5(acorn@8.14.0):
     dependencies:
-      acorn: 8.12.1
+      acorn: 8.14.0
 
   acorn-jsx@5.3.2(acorn@8.14.0):
     dependencies:
@@ -4594,8 +4579,6 @@ snapshots:
     dependencies:
       acorn: 8.14.0
 
-  acorn@8.12.1: {}
-
   acorn@8.14.0: {}
 
   agent-base@6.0.2:
@@ -5052,7 +5035,7 @@ snapshots:
       '@types/eslint': 9.6.1
       eslint-config-prettier: 9.1.0(eslint@9.14.0(jiti@1.21.6))
 
-  eslint-plugin-svelte@2.46.0(eslint@9.14.0(jiti@1.21.6))(svelte@5.1.9):
+  eslint-plugin-svelte@2.46.0(eslint@9.14.0(jiti@1.21.6))(svelte@5.1.13):
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@9.14.0(jiti@1.21.6))
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -5065,9 +5048,9 @@ snapshots:
       postcss-safe-parser: 6.0.0(postcss@8.4.47)
       postcss-selector-parser: 6.1.2
       semver: 7.6.3
-      svelte-eslint-parser: 0.43.0(svelte@5.1.9)
+      svelte-eslint-parser: 0.43.0(svelte@5.1.13)
     optionalDependencies:
-      svelte: 5.1.9
+      svelte: 5.1.13
     transitivePeerDependencies:
       - ts-node
 
@@ -5137,8 +5120,8 @@ snapshots:
 
   espree@9.6.1:
     dependencies:
-      acorn: 8.12.1
-      acorn-jsx: 5.3.2(acorn@8.12.1)
+      acorn: 8.14.0
+      acorn-jsx: 5.3.2(acorn@8.14.0)
       eslint-visitor-keys: 3.4.3
 
   esprima@4.0.1: {}
@@ -5354,7 +5337,7 @@ snapshots:
 
   globals@14.0.0: {}
 
-  globals@15.11.0: {}
+  globals@15.12.0: {}
 
   globalyzer@0.1.0: {}
 
@@ -6051,16 +6034,16 @@ snapshots:
     dependencies:
       fast-diff: 1.3.0
 
-  prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.9):
+  prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.13):
     dependencies:
       prettier: 3.3.3
-      svelte: 5.1.9
+      svelte: 5.1.13
 
-  prettier-plugin-tailwindcss@0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.9))(prettier@3.3.3):
+  prettier-plugin-tailwindcss@0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.13))(prettier@3.3.3):
     dependencies:
       prettier: 3.3.3
     optionalDependencies:
-      prettier-plugin-svelte: 3.2.7(prettier@3.3.3)(svelte@5.1.9)
+      prettier-plugin-svelte: 3.2.7(prettier@3.3.3)(svelte@5.1.13)
 
   prettier@3.3.3: {}
 
@@ -6387,19 +6370,19 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-check@4.0.5(svelte@5.1.9)(typescript@5.6.3):
+  svelte-check@4.0.6(svelte@5.1.13)(typescript@5.6.3):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 4.0.1
       fdir: 6.3.0
-      picocolors: 1.1.0
+      picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 5.1.9
+      svelte: 5.1.13
       typescript: 5.6.3
     transitivePeerDependencies:
       - picomatch
 
-  svelte-eslint-parser@0.43.0(svelte@5.1.9):
+  svelte-eslint-parser@0.43.0(svelte@5.1.13):
     dependencies:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
@@ -6407,16 +6390,16 @@ snapshots:
       postcss: 8.4.47
       postcss-scss: 4.0.9(postcss@8.4.47)
     optionalDependencies:
-      svelte: 5.1.9
+      svelte: 5.1.13
 
-  svelte2tsx@0.7.19(svelte@5.1.9)(typescript@5.6.3):
+  svelte2tsx@0.7.19(svelte@5.1.13)(typescript@5.6.3):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 5.1.9
+      svelte: 5.1.13
       typescript: 5.6.3
 
-  svelte@5.1.9:
+  svelte@5.1.13:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -6535,8 +6518,6 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  tree-visit@0.4.2: {}
-
   ts-api-utils@1.3.0(typescript@5.6.3):
     dependencies:
       typescript: 5.6.3
@@ -6555,11 +6536,11 @@ snapshots:
 
   type-fest@4.26.1: {}
 
-  typescript-eslint@8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3):
+  typescript-eslint@8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.12.2(@typescript-eslint/parser@8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3))(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
-      '@typescript-eslint/parser': 8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
+      '@typescript-eslint/eslint-plugin': 8.13.0(@typescript-eslint/parser@8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3))(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.13.0(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
     optionalDependencies:
       typescript: 5.6.3
     transitivePeerDependencies:
@@ -6580,7 +6561,7 @@ snapshots:
     dependencies:
       browserslist: 4.23.3
       escalade: 3.1.2
-      picocolors: 1.1.0
+      picocolors: 1.1.1
 
   update-notifier@7.3.1:
     dependencies: