@ark-ui/react 2.2.2 → 2.2.3

package/CHANGELOG.md

@@ -6,6 +6,13 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
+## [2.2.3] - 2024-03-05
+
+### Fixed
+
+- Resolved an issue with using `Locale` in Next.js projects.
+- Resolved an issue with `Toast` not updating its toasts and count properties when creating one or more toasts.
+
 ## [2.2.2] - 2024-02-27
 
 ### Fixed

package/locale/locale.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/locale/locale.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { trackLocale, isRTL } from '@zag-js/i18n-utils';
 import { useState, useEffect } from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -117,11 +117,11 @@
     "@testing-library/react": "14.2.1",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.6",
-    "@types/react": "18.2.58",
+    "@types/react": "18.2.61",
     "@types/react-dom": "18.2.19",
     "@types/testing-library__jest-dom": "5.14.9",
-    "@typescript-eslint/eslint-plugin": "7.0.2",
-    "@typescript-eslint/parser": "7.0.2",
+    "@typescript-eslint/eslint-plugin": "7.1.0",
+    "@typescript-eslint/parser": "7.1.0",
     "@vitejs/plugin-react": "4.2.1",
     "@vitest/coverage-v8": "1.3.1",
     "eslint": "8.57.0",
@@ -134,7 +134,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-frame-component": "5.2.6",
-    "react-hook-form": "7.50.1",
+    "react-hook-form": "7.51.0",
     "release-it": "17.1.1",
     "resize-observer-polyfill": "1.5.1",
     "storybook": "7.6.17",

package/toast/create-toaster.cjs

@@ -34,6 +34,9 @@ const createToaster = (props) => {
   const { placement, ...rest } = props;
   const service = toast__namespace.group.machine({ id: "1", placement, ...rest }).start();
   let api = toast__namespace.group.connect(service.getState(), service.send, react.normalizeProps);
+  const subscribe = (fn) => {
+    return service.subscribe((state) => fn(state.context.toasts));
+  };
   const Toaster = react$1.forwardRef((props2, ref) => {
     const getRootNode = environmentContext.useEnvironmentContext();
     const [state, send] = react.useActor(service);
@@ -47,7 +50,7 @@ const createToaster = (props) => {
     return /* @__PURE__ */ jsxRuntime.jsx(toastGroup.ToastGroup, { ...mergedProps, ref, children: toasts.map((toast2) => /* @__PURE__ */ jsxRuntime.jsx(ToastProviderFactory, { service: toast2 }, toast2.id)) });
   });
   Toaster.displayName = "ToastGroup";
-  return [Toaster, api];
+  return [Toaster, Object.assign(api, { subscribe })];
 };
 const ToastProviderFactory = (props) => {
   const [state, send] = react.useActor(props.service);

package/toast/create-toaster.mjs

@@ -11,6 +11,9 @@ const createToaster = (props) => {
   const { placement, ...rest } = props;
   const service = toast.group.machine({ id: "1", placement, ...rest }).start();
   let api = toast.group.connect(service.getState(), service.send, normalizeProps);
+  const subscribe = (fn) => {
+    return service.subscribe((state) => fn(state.context.toasts));
+  };
   const Toaster = forwardRef((props2, ref) => {
     const getRootNode = useEnvironmentContext();
     const [state, send] = useActor(service);
@@ -24,7 +27,7 @@ const createToaster = (props) => {
     return /* @__PURE__ */ jsx(ToastGroup, { ...mergedProps, ref, children: toasts.map((toast2) => /* @__PURE__ */ jsx(ToastProviderFactory, { service: toast2 }, toast2.id)) });
   });
   Toaster.displayName = "ToastGroup";
-  return [Toaster, api];
+  return [Toaster, Object.assign(api, { subscribe })];
 };
 const ToastProviderFactory = (props) => {
   const [state, send] = useActor(props.service);