@ark-ui/react 5.15.4 → 5.16.1

package/dist/components/client-only/client-only.cjs

@@ -17,7 +17,7 @@ const ClientOnly = (props) => {
   if (!isClient) {
     return fallback;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: typeof children === "function" ? children() : children });
 };
 
 exports.ClientOnly = ClientOnly;

package/dist/components/client-only/client-only.d.cts

@@ -1,5 +1,5 @@
 export interface ClientOnlyProps {
-    children: React.ReactNode;
+    children: React.ReactNode | (() => React.ReactNode);
     fallback?: React.ReactNode | undefined;
 }
 export declare const ClientOnly: (props: ClientOnlyProps) => React.ReactNode;

package/dist/components/client-only/client-only.d.ts

@@ -1,5 +1,5 @@
 export interface ClientOnlyProps {
-    children: React.ReactNode;
+    children: React.ReactNode | (() => React.ReactNode);
     fallback?: React.ReactNode | undefined;
 }
 export declare const ClientOnly: (props: ClientOnlyProps) => React.ReactNode;

package/dist/components/client-only/client-only.js

@@ -13,7 +13,7 @@ const ClientOnly = (props) => {
   if (!isClient) {
     return fallback;
   }
-  return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(Fragment, { children: typeof children === "function" ? children() : children });
 };
 
 export { ClientOnly };

package/dist/components/collection/use-list-collection.cjs

@@ -9,63 +9,86 @@ const listCollection = require('./list-collection.cjs');
 
 function useListCollection(props) {
   const { initialItems = [], filter, limit, ...collectionOptions } = props;
-  const create = (items) => {
-    return listCollection.createListCollection({ ...collectionOptions, items });
-  };
-  const [collection, setCollectionImpl] = react.useState(
-    () => create(limit != null ? initialItems.slice(0, limit) : initialItems)
-  );
-  const setCollection = useEvent.useEvent((collection2) => {
-    setCollectionImpl(limit == null ? collection2 : collection2.copy(collection2.items.slice(0, limit)));
+  const [items, setItemsImpl] = react.useState(initialItems);
+  const [filterText, setFilterText] = react.useState("");
+  const setItems = useEvent.useEvent((items2) => {
+    setItemsImpl(items2);
+    setFilterText("");
   });
+  const collectionOptionsRef = react.useRef(collectionOptions);
+  collectionOptionsRef.current = collectionOptions;
+  const create = react.useCallback((items2) => {
+    return listCollection.createListCollection({ ...collectionOptionsRef.current, items: items2 });
+  }, []);
+  const collection = react.useMemo(() => {
+    let activeItems = items;
+    if (filterText && filter) {
+      activeItems = create(items).filter((itemString, _index, item) => filter(itemString, filterText, item)).items;
+    }
+    const limitedItems = limit == null ? activeItems : activeItems.slice(0, limit);
+    return listCollection.createListCollection({ ...collectionOptionsRef.current, items: limitedItems });
+  }, [items, filterText, filter, limit, create]);
   return {
     collection,
-    filter: (inputValue) => {
-      if (!filter) return;
-      const filtered = create(initialItems).filter((itemString) => filter(itemString, inputValue));
-      setCollection(filtered);
-    },
-    set: useEvent.useEvent((items) => {
-      setCollection(create(items));
+    filter: useEvent.useEvent((inputValue) => {
+      setFilterText(inputValue || "");
+    }),
+    set: useEvent.useEvent((newItems) => {
+      setItems(newItems);
     }),
     reset: useEvent.useEvent(() => {
-      setCollection(create(initialItems));
+      setItems(initialItems);
     }),
     clear: useEvent.useEvent(() => {
-      setCollection(create([]));
+      setItems([]);
     }),
-    insert: useEvent.useEvent((index, ...items) => {
-      setCollection(collection.insert(index, ...items));
+    insert: useEvent.useEvent((index, ...itemsToInsert) => {
+      const newItems = create(items).insert(index, ...itemsToInsert).items;
+      setItems(newItems);
     }),
-    insertBefore: useEvent.useEvent((value, ...items) => {
-      setCollection(collection.insertBefore(value, ...items));
+    insertBefore: useEvent.useEvent((value, ...itemsToInsert) => {
+      const newItems = create(items).insertBefore(value, ...itemsToInsert).items;
+      setItems(newItems);
     }),
-    insertAfter: useEvent.useEvent((value, ...items) => {
-      setCollection(collection.insertAfter(value, ...items));
+    insertAfter: useEvent.useEvent((value, ...itemsToInsert) => {
+      const newItems = create(items).insertAfter(value, ...itemsToInsert).items;
+      setItems(newItems);
     }),
     remove: useEvent.useEvent((...itemOrValues) => {
-      setCollection(collection.remove(...itemOrValues));
+      const newItems = create(items).remove(...itemOrValues).items;
+      setItems(newItems);
     }),
     move: useEvent.useEvent((value, to) => {
-      setCollection(collection.move(value, to));
+      const newItems = create(items).move(value, to).items;
+      setItems(newItems);
     }),
     moveBefore: useEvent.useEvent((value, ...values) => {
-      setCollection(collection.moveBefore(value, ...values));
+      const newItems = create(items).moveBefore(value, ...values).items;
+      setItems(newItems);
     }),
     moveAfter: useEvent.useEvent((value, ...values) => {
-      setCollection(collection.moveAfter(value, ...values));
+      const newItems = create(items).moveAfter(value, ...values).items;
+      setItems(newItems);
     }),
     reorder: useEvent.useEvent((from, to) => {
-      setCollection(collection.reorder(from, to));
+      const newItems = create(items).reorder(from, to).items;
+      setItems(newItems);
+    }),
+    append: useEvent.useEvent((...itemsToAppend) => {
+      const newItems = create(items).append(...itemsToAppend).items;
+      setItems(newItems);
     }),
-    append: useEvent.useEvent((...items) => {
-      setCollection(collection.append(...items));
+    upsert: useEvent.useEvent((value, item, mode = "append") => {
+      const newItems = create(items).upsert(value, item, mode).items;
+      setItems(newItems);
     }),
-    prepend: useEvent.useEvent((...items) => {
-      setCollection(collection.prepend(...items));
+    prepend: useEvent.useEvent((...itemsToPrepend) => {
+      const newItems = create(items).prepend(...itemsToPrepend).items;
+      setItems(newItems);
     }),
     update: useEvent.useEvent((value, item) => {
-      setCollection(collection.update(value, item));
+      const newItems = create(items).update(value, item).items;
+      setItems(newItems);
     })
   };
 }

package/dist/components/collection/use-list-collection.d.cts

@@ -7,28 +7,81 @@ export interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, 'i
     /**
      * The filter function to use to filter the items.
      */
-    filter?: (itemText: string, filterText: string) => boolean;
+    filter?: (itemText: string, filterText: string, item: T) => boolean;
     /**
      * The maximum number of items to display in the collection.
      * Useful for performance when you have a large number of items.
      */
     limit?: number;
 }
-export declare function useListCollection<T>(props: UseListCollectionProps<T>): {
+export declare function useListCollection<T>(props: UseListCollectionProps<T>): UseListCollectionReturn<T>;
+export interface UseListCollectionReturn<T> {
+    /**
+     * The collection of items.
+     */
     collection: ListCollection<T>;
+    /**
+     * The function to filter the items.
+     */
     filter: (inputValue: string) => void;
+    /**
+     * The function to set the items.
+     */
     set: (items: T[]) => void;
+    /**
+     * The function to reset the items.
+     */
     reset: () => void;
+    /**
+     * The function to clear the items.
+     */
     clear: () => void;
+    /**
+     * The function to insert items at a specific index.
+     */
     insert: (index: number, ...items: T[]) => void;
+    /**
+     * The function to insert items before a specific value.
+     */
     insertBefore: (value: string, ...items: T[]) => void;
+    /**
+     * The function to insert items after a specific value.
+     */
     insertAfter: (value: string, ...items: T[]) => void;
-    remove: (...itemOrValues: T[]) => void;
+    /**
+     * The function to remove items.
+     */
+    remove: (...itemOrValues: Array<T | string>) => void;
+    /**
+     * The function to move an item to a specific index.
+     */
     move: (value: string, to: number) => void;
+    /**
+     * The function to move an item before a specific value.
+     */
     moveBefore: (value: string, ...values: string[]) => void;
+    /**
+     * The function to move an item after a specific value.
+     */
     moveAfter: (value: string, ...values: string[]) => void;
+    /**
+     * The function to reorder items.
+     */
     reorder: (from: number, to: number) => void;
+    /**
+     * The function to append items.
+     */
     append: (...items: T[]) => void;
+    /**
+     * The function to upsert an item.
+     */
+    upsert: (value: string, item: T, mode?: 'append' | 'prepend') => void;
+    /**
+     * The function to prepend items.
+     */
     prepend: (...items: T[]) => void;
+    /**
+     * The function to update an item.
+     */
     update: (value: string, item: T) => void;
-};
+}

package/dist/components/collection/use-list-collection.d.ts

@@ -7,28 +7,81 @@ export interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, 'i
     /**
      * The filter function to use to filter the items.
      */
-    filter?: (itemText: string, filterText: string) => boolean;
+    filter?: (itemText: string, filterText: string, item: T) => boolean;
     /**
      * The maximum number of items to display in the collection.
      * Useful for performance when you have a large number of items.
      */
     limit?: number;
 }
-export declare function useListCollection<T>(props: UseListCollectionProps<T>): {
+export declare function useListCollection<T>(props: UseListCollectionProps<T>): UseListCollectionReturn<T>;
+export interface UseListCollectionReturn<T> {
+    /**
+     * The collection of items.
+     */
     collection: ListCollection<T>;
+    /**
+     * The function to filter the items.
+     */
     filter: (inputValue: string) => void;
+    /**
+     * The function to set the items.
+     */
     set: (items: T[]) => void;
+    /**
+     * The function to reset the items.
+     */
     reset: () => void;
+    /**
+     * The function to clear the items.
+     */
     clear: () => void;
+    /**
+     * The function to insert items at a specific index.
+     */
     insert: (index: number, ...items: T[]) => void;
+    /**
+     * The function to insert items before a specific value.
+     */
     insertBefore: (value: string, ...items: T[]) => void;
+    /**
+     * The function to insert items after a specific value.
+     */
     insertAfter: (value: string, ...items: T[]) => void;
-    remove: (...itemOrValues: T[]) => void;
+    /**
+     * The function to remove items.
+     */
+    remove: (...itemOrValues: Array<T | string>) => void;
+    /**
+     * The function to move an item to a specific index.
+     */
     move: (value: string, to: number) => void;
+    /**
+     * The function to move an item before a specific value.
+     */
     moveBefore: (value: string, ...values: string[]) => void;
+    /**
+     * The function to move an item after a specific value.
+     */
     moveAfter: (value: string, ...values: string[]) => void;
+    /**
+     * The function to reorder items.
+     */
     reorder: (from: number, to: number) => void;
+    /**
+     * The function to append items.
+     */
     append: (...items: T[]) => void;
+    /**
+     * The function to upsert an item.
+     */
+    upsert: (value: string, item: T, mode?: 'append' | 'prepend') => void;
+    /**
+     * The function to prepend items.
+     */
     prepend: (...items: T[]) => void;
+    /**
+     * The function to update an item.
+     */
     update: (value: string, item: T) => void;
-};
+}

package/dist/components/collection/use-list-collection.js

@@ -1,67 +1,90 @@
 'use client';
-import { useState } from 'react';
+import { useState, useRef, useCallback, useMemo } from 'react';
 import { useEvent } from '../../utils/use-event.js';
 import { createListCollection } from './list-collection.js';
 
 function useListCollection(props) {
   const { initialItems = [], filter, limit, ...collectionOptions } = props;
-  const create = (items) => {
-    return createListCollection({ ...collectionOptions, items });
-  };
-  const [collection, setCollectionImpl] = useState(
-    () => create(limit != null ? initialItems.slice(0, limit) : initialItems)
-  );
-  const setCollection = useEvent((collection2) => {
-    setCollectionImpl(limit == null ? collection2 : collection2.copy(collection2.items.slice(0, limit)));
+  const [items, setItemsImpl] = useState(initialItems);
+  const [filterText, setFilterText] = useState("");
+  const setItems = useEvent((items2) => {
+    setItemsImpl(items2);
+    setFilterText("");
   });
+  const collectionOptionsRef = useRef(collectionOptions);
+  collectionOptionsRef.current = collectionOptions;
+  const create = useCallback((items2) => {
+    return createListCollection({ ...collectionOptionsRef.current, items: items2 });
+  }, []);
+  const collection = useMemo(() => {
+    let activeItems = items;
+    if (filterText && filter) {
+      activeItems = create(items).filter((itemString, _index, item) => filter(itemString, filterText, item)).items;
+    }
+    const limitedItems = limit == null ? activeItems : activeItems.slice(0, limit);
+    return createListCollection({ ...collectionOptionsRef.current, items: limitedItems });
+  }, [items, filterText, filter, limit, create]);
   return {
     collection,
-    filter: (inputValue) => {
-      if (!filter) return;
-      const filtered = create(initialItems).filter((itemString) => filter(itemString, inputValue));
-      setCollection(filtered);
-    },
-    set: useEvent((items) => {
-      setCollection(create(items));
+    filter: useEvent((inputValue) => {
+      setFilterText(inputValue || "");
+    }),
+    set: useEvent((newItems) => {
+      setItems(newItems);
     }),
     reset: useEvent(() => {
-      setCollection(create(initialItems));
+      setItems(initialItems);
     }),
     clear: useEvent(() => {
-      setCollection(create([]));
+      setItems([]);
     }),
-    insert: useEvent((index, ...items) => {
-      setCollection(collection.insert(index, ...items));
+    insert: useEvent((index, ...itemsToInsert) => {
+      const newItems = create(items).insert(index, ...itemsToInsert).items;
+      setItems(newItems);
     }),
-    insertBefore: useEvent((value, ...items) => {
-      setCollection(collection.insertBefore(value, ...items));
+    insertBefore: useEvent((value, ...itemsToInsert) => {
+      const newItems = create(items).insertBefore(value, ...itemsToInsert).items;
+      setItems(newItems);
     }),
-    insertAfter: useEvent((value, ...items) => {
-      setCollection(collection.insertAfter(value, ...items));
+    insertAfter: useEvent((value, ...itemsToInsert) => {
+      const newItems = create(items).insertAfter(value, ...itemsToInsert).items;
+      setItems(newItems);
     }),
     remove: useEvent((...itemOrValues) => {
-      setCollection(collection.remove(...itemOrValues));
+      const newItems = create(items).remove(...itemOrValues).items;
+      setItems(newItems);
     }),
     move: useEvent((value, to) => {
-      setCollection(collection.move(value, to));
+      const newItems = create(items).move(value, to).items;
+      setItems(newItems);
     }),
     moveBefore: useEvent((value, ...values) => {
-      setCollection(collection.moveBefore(value, ...values));
+      const newItems = create(items).moveBefore(value, ...values).items;
+      setItems(newItems);
     }),
     moveAfter: useEvent((value, ...values) => {
-      setCollection(collection.moveAfter(value, ...values));
+      const newItems = create(items).moveAfter(value, ...values).items;
+      setItems(newItems);
     }),
     reorder: useEvent((from, to) => {
-      setCollection(collection.reorder(from, to));
+      const newItems = create(items).reorder(from, to).items;
+      setItems(newItems);
+    }),
+    append: useEvent((...itemsToAppend) => {
+      const newItems = create(items).append(...itemsToAppend).items;
+      setItems(newItems);
     }),
-    append: useEvent((...items) => {
-      setCollection(collection.append(...items));
+    upsert: useEvent((value, item, mode = "append") => {
+      const newItems = create(items).upsert(value, item, mode).items;
+      setItems(newItems);
     }),
-    prepend: useEvent((...items) => {
-      setCollection(collection.prepend(...items));
+    prepend: useEvent((...itemsToPrepend) => {
+      const newItems = create(items).prepend(...itemsToPrepend).items;
+      setItems(newItems);
     }),
     update: useEvent((value, item) => {
-      setCollection(collection.update(value, item));
+      const newItems = create(items).update(value, item).items;
+      setItems(newItems);
     })
   };
 }

package/dist/components/color-picker/color-picker-root.cjs

@@ -41,6 +41,7 @@ const ColorPickerRoot = react.forwardRef((props, ref) => {
     "positioning",
     "readOnly",
     "required",
+    "inline",
     "value"
   ]);
   const colorPicker = useColorPicker.useColorPicker(useColorPickerProps);

package/dist/components/color-picker/color-picker-root.js

@@ -37,6 +37,7 @@ const ColorPickerRoot = forwardRef((props, ref) => {
     "positioning",
     "readOnly",
     "required",
+    "inline",
     "value"
   ]);
   const colorPicker = useColorPicker(useColorPickerProps);

package/dist/components/date-picker/date-picker-root.cjs

@@ -51,7 +51,8 @@ const DatePickerRoot = react.forwardRef((props, ref) => {
     "timeZone",
     "translations",
     "value",
-    "view"
+    "view",
+    "inline"
   ]);
   const datePicker = useDatePicker.useDatePicker(useDatePickerProps);
   const presence = usePresence.usePresence(react$1.mergeProps({ present: datePicker.open }, presenceProps));

package/dist/components/date-picker/date-picker-root.js

@@ -47,7 +47,8 @@ const DatePickerRoot = forwardRef((props, ref) => {
     "timeZone",
     "translations",
     "value",
-    "view"
+    "view",
+    "inline"
   ]);
   const datePicker = useDatePicker(useDatePickerProps);
   const presence = usePresence(mergeProps({ present: datePicker.open }, presenceProps));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.15.4",
+  "version": "5.16.1",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -141,68 +141,68 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.17.4",
-    "@zag-js/angle-slider": "1.17.4",
-    "@zag-js/anatomy": "1.17.4",
-    "@zag-js/auto-resize": "1.17.4",
-    "@zag-js/avatar": "1.17.4",
-    "@zag-js/carousel": "1.17.4",
-    "@zag-js/checkbox": "1.17.4",
-    "@zag-js/clipboard": "1.17.4",
-    "@zag-js/collapsible": "1.17.4",
-    "@zag-js/collection": "1.17.4",
-    "@zag-js/color-picker": "1.17.4",
-    "@zag-js/color-utils": "1.17.4",
-    "@zag-js/combobox": "1.17.4",
-    "@zag-js/core": "1.17.4",
-    "@zag-js/date-picker": "1.17.4",
-    "@zag-js/date-utils": "1.17.4",
-    "@zag-js/dialog": "1.17.4",
-    "@zag-js/dom-query": "1.17.4",
-    "@zag-js/editable": "1.17.4",
-    "@zag-js/file-upload": "1.17.4",
-    "@zag-js/file-utils": "1.17.4",
-    "@zag-js/focus-trap": "1.17.4",
-    "@zag-js/floating-panel": "1.17.4",
-    "@zag-js/highlight-word": "1.17.4",
-    "@zag-js/hover-card": "1.17.4",
-    "@zag-js/i18n-utils": "1.17.4",
-    "@zag-js/listbox": "1.17.4",
-    "@zag-js/menu": "1.17.4",
-    "@zag-js/number-input": "1.17.4",
-    "@zag-js/pagination": "1.17.4",
-    "@zag-js/password-input": "1.17.4",
-    "@zag-js/pin-input": "1.17.4",
-    "@zag-js/popover": "1.17.4",
-    "@zag-js/presence": "1.17.4",
-    "@zag-js/progress": "1.17.4",
-    "@zag-js/qr-code": "1.17.4",
-    "@zag-js/radio-group": "1.17.4",
-    "@zag-js/rating-group": "1.17.4",
-    "@zag-js/react": "1.17.4",
-    "@zag-js/select": "1.17.4",
-    "@zag-js/signature-pad": "1.17.4",
-    "@zag-js/slider": "1.17.4",
-    "@zag-js/splitter": "1.17.4",
-    "@zag-js/steps": "1.17.4",
-    "@zag-js/switch": "1.17.4",
-    "@zag-js/tabs": "1.17.4",
-    "@zag-js/tags-input": "1.17.4",
-    "@zag-js/time-picker": "1.17.4",
-    "@zag-js/timer": "1.17.4",
-    "@zag-js/toast": "1.17.4",
-    "@zag-js/toggle": "1.17.4",
-    "@zag-js/toggle-group": "1.17.4",
-    "@zag-js/tooltip": "1.17.4",
-    "@zag-js/tour": "1.17.4",
-    "@zag-js/tree-view": "1.17.4",
-    "@zag-js/types": "1.17.4",
-    "@zag-js/utils": "1.17.4"
+    "@zag-js/accordion": "1.18.2",
+    "@zag-js/angle-slider": "1.18.2",
+    "@zag-js/anatomy": "1.18.2",
+    "@zag-js/auto-resize": "1.18.2",
+    "@zag-js/avatar": "1.18.2",
+    "@zag-js/carousel": "1.18.2",
+    "@zag-js/checkbox": "1.18.2",
+    "@zag-js/clipboard": "1.18.2",
+    "@zag-js/collapsible": "1.18.2",
+    "@zag-js/collection": "1.18.2",
+    "@zag-js/color-picker": "1.18.2",
+    "@zag-js/color-utils": "1.18.2",
+    "@zag-js/combobox": "1.18.2",
+    "@zag-js/core": "1.18.2",
+    "@zag-js/date-picker": "1.18.2",
+    "@zag-js/date-utils": "1.18.2",
+    "@zag-js/dialog": "1.18.2",
+    "@zag-js/dom-query": "1.18.2",
+    "@zag-js/editable": "1.18.2",
+    "@zag-js/file-upload": "1.18.2",
+    "@zag-js/file-utils": "1.18.2",
+    "@zag-js/focus-trap": "1.18.2",
+    "@zag-js/floating-panel": "1.18.2",
+    "@zag-js/highlight-word": "1.18.2",
+    "@zag-js/hover-card": "1.18.2",
+    "@zag-js/i18n-utils": "1.18.2",
+    "@zag-js/listbox": "1.18.2",
+    "@zag-js/menu": "1.18.2",
+    "@zag-js/number-input": "1.18.2",
+    "@zag-js/pagination": "1.18.2",
+    "@zag-js/password-input": "1.18.2",
+    "@zag-js/pin-input": "1.18.2",
+    "@zag-js/popover": "1.18.2",
+    "@zag-js/presence": "1.18.2",
+    "@zag-js/progress": "1.18.2",
+    "@zag-js/qr-code": "1.18.2",
+    "@zag-js/radio-group": "1.18.2",
+    "@zag-js/rating-group": "1.18.2",
+    "@zag-js/react": "1.18.2",
+    "@zag-js/select": "1.18.2",
+    "@zag-js/signature-pad": "1.18.2",
+    "@zag-js/slider": "1.18.2",
+    "@zag-js/splitter": "1.18.2",
+    "@zag-js/steps": "1.18.2",
+    "@zag-js/switch": "1.18.2",
+    "@zag-js/tabs": "1.18.2",
+    "@zag-js/tags-input": "1.18.2",
+    "@zag-js/time-picker": "1.18.2",
+    "@zag-js/timer": "1.18.2",
+    "@zag-js/toast": "1.18.2",
+    "@zag-js/toggle": "1.18.2",
+    "@zag-js/toggle-group": "1.18.2",
+    "@zag-js/tooltip": "1.18.2",
+    "@zag-js/tour": "1.18.2",
+    "@zag-js/tree-view": "1.18.2",
+    "@zag-js/types": "1.18.2",
+    "@zag-js/utils": "1.18.2"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@storybook/addon-a11y": "9.0.10",
-    "@storybook/react-vite": "9.0.10",
+    "@storybook/addon-a11y": "9.0.15",
+    "@storybook/react-vite": "9.0.15",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
@@ -210,11 +210,11 @@
     "@types/jsdom": "21.1.7",
     "@types/react": "19.1.8",
     "@types/react-dom": "19.1.6",
-    "@vitejs/plugin-react": "4.5.2",
+    "@vitejs/plugin-react": "4.6.0",
     "clean-package": "2.2.0",
     "globby": "14.1.0",
     "happy-dom": "18.0.1",
-    "lucide-react": "0.515.0",
+    "lucide-react": "0.525.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-shadow": "20.6.0",
@@ -222,12 +222,12 @@
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.57.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "9.0.10",
+    "storybook": "9.0.15",
     "typescript": "5.8.3",
-    "vite": "6.3.5",
+    "vite": "7.0.2",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "3.2.3",
-    "@vitest/coverage-v8": "3.2.3",
+    "vitest": "3.2.4",
+    "@vitest/coverage-v8": "3.2.4",
     "vitest-axe": "1.0.0-pre.5"
   },
   "peerDependencies": {