@ark-ui/react 2.2.1 → 2.2.2

package/CHANGELOG.md

@@ -6,6 +6,12 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
+## [2.2.2] - 2024-02-27
+
+### Fixed
+
+- Resolved an issue that a disabled `Accordion.Item` could still be opened.̊
+
 ## [2.2.1] - 2024-02-27
 
 ### Changed

package/accordion/accordion-item.cjs

@@ -8,19 +8,16 @@ const accordion = require('@zag-js/accordion');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const collapsibleRoot = require('../collapsible/collapsible-root.cjs');
-const splitCollapsibleProps = require('../collapsible/split-collapsible-props.cjs');
 const renderStrategy = require('../render-strategy.cjs');
 const runIfFn = require('../run-if-fn.cjs');
 const accordionContext = require('./accordion-context.cjs');
 const accordionItemContext = require('./accordion-item-context.cjs');
 
 const AccordionItem = react.forwardRef((props, ref) => {
-  const [collapsibleProps, accordionItemProps] = splitCollapsibleProps.splitCollapsibleProps(props);
-  const [itemProps, { children, ...localProps }] = accordion.splitItemProps(accordionItemProps);
+  const [itemProps, { children, ...localProps }] = accordion.splitItemProps(props);
   const api = accordionContext.useAccordionContext();
   const renderStrategyProps = renderStrategy.useRenderStrategyContext();
   const mergedItemProps = react$1.mergeProps(api.getItemProps(itemProps), localProps);
-  const mergedCollapsibleProps = react$1.mergeProps(renderStrategyProps, collapsibleProps);
   const itemState = api.getItemState(itemProps);
   const view = runIfFn.runIfFn(children, itemState);
   const itemContentProps = api.getItemContentProps(itemProps);
@@ -30,8 +27,8 @@ const AccordionItem = react.forwardRef((props, ref) => {
       ref,
       open: itemState.isOpen,
       ids: { content: itemContentProps.id },
+      ...renderStrategyProps,
       ...mergedItemProps,
-      ...mergedCollapsibleProps,
       children: view
     }
   ) });

package/accordion/accordion-item.mjs

@@ -4,19 +4,16 @@ import { splitItemProps } from '@zag-js/accordion';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { CollapsibleRoot } from '../collapsible/collapsible-root.mjs';
-import { splitCollapsibleProps } from '../collapsible/split-collapsible-props.mjs';
 import { useRenderStrategyContext } from '../render-strategy.mjs';
 import { runIfFn } from '../run-if-fn.mjs';
 import { useAccordionContext } from './accordion-context.mjs';
 import { AccordionItemProvider } from './accordion-item-context.mjs';
 
 const AccordionItem = forwardRef((props, ref) => {
-  const [collapsibleProps, accordionItemProps] = splitCollapsibleProps(props);
-  const [itemProps, { children, ...localProps }] = splitItemProps(accordionItemProps);
+  const [itemProps, { children, ...localProps }] = splitItemProps(props);
   const api = useAccordionContext();
   const renderStrategyProps = useRenderStrategyContext();
   const mergedItemProps = mergeProps(api.getItemProps(itemProps), localProps);
-  const mergedCollapsibleProps = mergeProps(renderStrategyProps, collapsibleProps);
   const itemState = api.getItemState(itemProps);
   const view = runIfFn(children, itemState);
   const itemContentProps = api.getItemContentProps(itemProps);
@@ -26,8 +23,8 @@ const AccordionItem = forwardRef((props, ref) => {
       ref,
       open: itemState.isOpen,
       ids: { content: itemContentProps.id },
+      ...renderStrategyProps,
       ...mergedItemProps,
-      ...mergedCollapsibleProps,
       children: view
     }
   ) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",