@ark-ui/react 4.4.4 → 4.6.0

package/dist/providers/environment/use-environment-context.d.cts

@@ -1,6 +1,6 @@
 import { Provider } from 'react';
 export type RootNode = ShadowRoot | Document | Node;
-export interface EnvironmentContext {
+export interface UseEnvironmentContext {
     /**
      * The root node of the application.
      * This is used to determine the window and document objects.
@@ -15,4 +15,4 @@ export interface EnvironmentContext {
      */
     getWindow(): Window & typeof globalThis;
 }
-export declare const EnvironmentContextProvider: Provider<EnvironmentContext>, useEnvironmentContext: () => EnvironmentContext;
+export declare const EnvironmentContextProvider: Provider<UseEnvironmentContext>, useEnvironmentContext: () => UseEnvironmentContext;

package/dist/providers/environment/use-environment-context.d.ts

@@ -1,6 +1,6 @@
 import { Provider } from 'react';
 export type RootNode = ShadowRoot | Document | Node;
-export interface EnvironmentContext {
+export interface UseEnvironmentContext {
     /**
      * The root node of the application.
      * This is used to determine the window and document objects.
@@ -15,4 +15,4 @@ export interface EnvironmentContext {
      */
     getWindow(): Window & typeof globalThis;
 }
-export declare const EnvironmentContextProvider: Provider<EnvironmentContext>, useEnvironmentContext: () => EnvironmentContext;
+export declare const EnvironmentContextProvider: Provider<UseEnvironmentContext>, useEnvironmentContext: () => UseEnvironmentContext;

package/dist/utils/use-debounce.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = react.useState(value);
+  react.useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+
+exports.useDebounce = useDebounce;

package/dist/utils/use-debounce.d.cts

@@ -0,0 +1 @@
+export declare function useDebounce<T>(value: T, delay: number): T;

package/dist/utils/use-debounce.d.ts

@@ -0,0 +1 @@
+export declare function useDebounce<T>(value: T, delay: number): T;

package/dist/utils/use-debounce.js

@@ -0,0 +1,17 @@
+'use client';
+import { useState, useEffect } from 'react';
+
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+
+export { useDebounce };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "4.4.4",
+  "version": "4.6.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -134,6 +134,7 @@
   },
   "scripts": {
     "build": "vite build",
+    "dev": "bun run storybook",
     "lint": "biome lint ./src",
     "test": "vitest",
     "test:ci": "vitest --run",
@@ -159,88 +160,88 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@internationalized/date": "3.5.6",
-    "@zag-js/accordion": "0.77.1",
-    "@zag-js/anatomy": "0.77.1",
-    "@zag-js/auto-resize": "0.77.1",
-    "@zag-js/avatar": "0.77.1",
-    "@zag-js/carousel": "0.77.1",
-    "@zag-js/checkbox": "0.77.1",
-    "@zag-js/clipboard": "0.77.1",
-    "@zag-js/collapsible": "0.77.1",
-    "@zag-js/collection": "0.77.1",
-    "@zag-js/color-picker": "0.77.1",
-    "@zag-js/color-utils": "0.77.1",
-    "@zag-js/combobox": "0.77.1",
-    "@zag-js/core": "0.77.1",
-    "@zag-js/date-picker": "0.77.1",
-    "@zag-js/date-utils": "0.77.1",
-    "@zag-js/dialog": "0.77.1",
-    "@zag-js/dom-query": "0.77.1",
-    "@zag-js/editable": "0.77.1",
-    "@zag-js/file-upload": "0.77.1",
-    "@zag-js/file-utils": "0.77.1",
-    "@zag-js/highlight-word": "0.77.1",
-    "@zag-js/hover-card": "0.77.1",
-    "@zag-js/i18n-utils": "0.77.1",
-    "@zag-js/menu": "0.77.1",
-    "@zag-js/number-input": "0.77.1",
-    "@zag-js/pagination": "0.77.1",
-    "@zag-js/pin-input": "0.77.1",
-    "@zag-js/popover": "0.77.1",
-    "@zag-js/presence": "0.77.1",
-    "@zag-js/progress": "0.77.1",
-    "@zag-js/qr-code": "0.77.1",
-    "@zag-js/radio-group": "0.77.1",
-    "@zag-js/rating-group": "0.77.1",
-    "@zag-js/react": "0.77.1",
-    "@zag-js/select": "0.77.1",
-    "@zag-js/signature-pad": "0.77.1",
-    "@zag-js/slider": "0.77.1",
-    "@zag-js/splitter": "0.77.1",
-    "@zag-js/steps": "0.77.1",
-    "@zag-js/switch": "0.77.1",
-    "@zag-js/tabs": "0.77.1",
-    "@zag-js/tags-input": "0.77.1",
-    "@zag-js/time-picker": "0.77.1",
-    "@zag-js/timer": "0.77.1",
-    "@zag-js/toast": "0.77.1",
-    "@zag-js/toggle-group": "0.77.1",
-    "@zag-js/tooltip": "0.77.1",
-    "@zag-js/tree-view": "0.77.1",
-    "@zag-js/types": "0.77.1"
+    "@internationalized/date": "3.6.0",
+    "@zag-js/accordion": "0.79.1",
+    "@zag-js/anatomy": "0.79.1",
+    "@zag-js/auto-resize": "0.79.1",
+    "@zag-js/avatar": "0.79.1",
+    "@zag-js/carousel": "0.79.1",
+    "@zag-js/checkbox": "0.79.1",
+    "@zag-js/clipboard": "0.79.1",
+    "@zag-js/collapsible": "0.79.1",
+    "@zag-js/collection": "0.79.1",
+    "@zag-js/color-picker": "0.79.1",
+    "@zag-js/color-utils": "0.79.1",
+    "@zag-js/combobox": "0.79.1",
+    "@zag-js/core": "0.79.1",
+    "@zag-js/date-picker": "0.79.1",
+    "@zag-js/date-utils": "0.79.1",
+    "@zag-js/dialog": "0.79.1",
+    "@zag-js/dom-query": "0.79.1",
+    "@zag-js/editable": "0.79.1",
+    "@zag-js/file-upload": "0.79.1",
+    "@zag-js/file-utils": "0.79.1",
+    "@zag-js/highlight-word": "0.79.1",
+    "@zag-js/hover-card": "0.79.1",
+    "@zag-js/i18n-utils": "0.79.1",
+    "@zag-js/menu": "0.79.1",
+    "@zag-js/number-input": "0.79.1",
+    "@zag-js/pagination": "0.79.1",
+    "@zag-js/pin-input": "0.79.1",
+    "@zag-js/popover": "0.79.1",
+    "@zag-js/presence": "0.79.1",
+    "@zag-js/progress": "0.79.1",
+    "@zag-js/qr-code": "0.79.1",
+    "@zag-js/radio-group": "0.79.1",
+    "@zag-js/rating-group": "0.79.1",
+    "@zag-js/react": "0.79.1",
+    "@zag-js/select": "0.79.1",
+    "@zag-js/signature-pad": "0.79.1",
+    "@zag-js/slider": "0.79.1",
+    "@zag-js/splitter": "0.79.1",
+    "@zag-js/steps": "0.79.1",
+    "@zag-js/switch": "0.79.1",
+    "@zag-js/tabs": "0.79.1",
+    "@zag-js/tags-input": "0.79.1",
+    "@zag-js/time-picker": "0.79.1",
+    "@zag-js/timer": "0.79.1",
+    "@zag-js/toast": "0.79.1",
+    "@zag-js/toggle-group": "0.79.1",
+    "@zag-js/tooltip": "0.79.1",
+    "@zag-js/tree-view": "0.79.1",
+    "@zag-js/types": "0.79.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@release-it/keep-a-changelog": "5.0.0",
-    "@storybook/addon-a11y": "8.4.4",
-    "@storybook/addon-essentials": "8.4.4",
-    "@storybook/react-vite": "8.4.4",
-    "@storybook/react": "8.4.4",
+    "@storybook/addon-a11y": "8.4.7",
+    "@storybook/addon-essentials": "8.4.7",
+    "@storybook/react-vite": "8.4.7",
+    "@storybook/react": "8.4.7",
     "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "6.6.1",
+    "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.7",
-    "@types/react": "18.3.12",
-    "@types/react-dom": "18.3.1",
-    "@vitejs/plugin-react": "4.3.3",
-    "@zag-js/stringify-state": "0.77.1",
+    "@types/react": "18.3.18",
+    "@types/react-dom": "18.3.5",
+    "@vitejs/plugin-react": "4.3.4",
+    "@zag-js/stringify-state": "0.79.1",
     "clean-package": "2.2.0",
     "globby": "14.0.2",
     "jsdom": "25.0.1",
-    "lucide-react": "0.460.0",
+    "lucide-react": "0.469.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-frame-component": "5.2.7",
-    "react-hook-form": "7.53.2",
-    "release-it": "17.10.0",
+    "react-hook-form": "7.54.2",
+    "release-it": "17.11.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "8.4.4",
-    "typescript": "5.6.3",
+    "storybook": "8.4.7",
+    "typescript": "5.7.2",
     "vite": "5.4.11",
-    "vite-plugin-dts": "4.3.0",
-    "vitest": "2.1.5",
+    "vite-plugin-dts": "4.4.0",
+    "vitest": "2.1.8",
     "vitest-axe": "1.0.0-pre.3"
   },
   "peerDependencies": {

package/dist/components/carousel/carousel-viewport.cjs

@@ -1,19 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const factory = require('../factory.cjs');
-const useCarouselContext = require('./use-carousel-context.cjs');
-
-const CarouselViewport = react.forwardRef((props, ref) => {
-  const carousel = useCarouselContext.useCarouselContext();
-  const mergedProps = react$1.mergeProps(carousel.getViewportProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
-CarouselViewport.displayName = "CarouselViewport";
-
-exports.CarouselViewport = CarouselViewport;

package/dist/components/carousel/carousel-viewport.d.cts

@@ -1,7 +0,0 @@
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface CarouselViewportBaseProps extends PolymorphicProps {
-}
-export interface CarouselViewportProps extends HTMLProps<'div'>, CarouselViewportBaseProps {
-}
-export declare const CarouselViewport: ForwardRefExoticComponent<CarouselViewportProps & RefAttributes<HTMLDivElement>>;

package/dist/components/carousel/carousel-viewport.d.ts

@@ -1,7 +0,0 @@
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface CarouselViewportBaseProps extends PolymorphicProps {
-}
-export interface CarouselViewportProps extends HTMLProps<'div'>, CarouselViewportBaseProps {
-}
-export declare const CarouselViewport: ForwardRefExoticComponent<CarouselViewportProps & RefAttributes<HTMLDivElement>>;

package/dist/components/carousel/carousel-viewport.js

@@ -1,15 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.js';
-import { useCarouselContext } from './use-carousel-context.js';
-
-const CarouselViewport = forwardRef((props, ref) => {
-  const carousel = useCarouselContext();
-  const mergedProps = mergeProps(carousel.getViewportProps(), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
-CarouselViewport.displayName = "CarouselViewport";
-
-export { CarouselViewport };

package/dist/components/carousel/carousel.anatomy.cjs

@@ -1,10 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const carousel = require('@zag-js/carousel');
-
-const carouselAnatomy = carousel.anatomy.extendWith("control");
-
-exports.carouselAnatomy = carouselAnatomy;

package/dist/components/carousel/carousel.anatomy.js

@@ -1,6 +0,0 @@
-'use client';
-import { anatomy } from '@zag-js/carousel';
-
-const carouselAnatomy = anatomy.extendWith("control");
-
-export { carouselAnatomy };