@ark-ui/react 2.2.0 → 2.2.2

package/CHANGELOG.md

@@ -6,6 +6,18 @@ 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
+
+- Updated to latest `@ark-ui/anatomy` version.
+
 ## [2.2.0] - 2024-02-27
 
 ### Added

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.0",
+  "version": "2.2.2",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -65,7 +65,7 @@
     "release-it": "release-it --config ../../../release-it.json"
   },
   "dependencies": {
-    "@ark-ui/anatomy": "2.3.0",
+    "@ark-ui/anatomy": "2.3.1",
     "@zag-js/accordion": "0.38.0",
     "@zag-js/avatar": "0.38.0",
     "@zag-js/carousel": "0.38.0",
@@ -154,6 +154,186 @@
     "./"
   ],
   "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.mjs",
+      "require": "./index.cjs"
+    },
+    "./accordion": {
+      "types": "./accordion/index.d.ts",
+      "import": "./accordion/index.mjs",
+      "require": "./accordion/index.cjs"
+    },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "import": "./avatar/index.mjs",
+      "require": "./avatar/index.cjs"
+    },
+    "./carousel": {
+      "types": "./carousel/index.d.ts",
+      "import": "./carousel/index.mjs",
+      "require": "./carousel/index.cjs"
+    },
+    "./checkbox": {
+      "types": "./checkbox/index.d.ts",
+      "import": "./checkbox/index.mjs",
+      "require": "./checkbox/index.cjs"
+    },
+    "./clipboard": {
+      "types": "./clipboard/index.d.ts",
+      "import": "./clipboard/index.mjs",
+      "require": "./clipboard/index.cjs"
+    },
+    "./collapsible": {
+      "types": "./collapsible/index.d.ts",
+      "import": "./collapsible/index.mjs",
+      "require": "./collapsible/index.cjs"
+    },
+    "./color-picker": {
+      "types": "./color-picker/index.d.ts",
+      "import": "./color-picker/index.mjs",
+      "require": "./color-picker/index.cjs"
+    },
+    "./combobox": {
+      "types": "./combobox/index.d.ts",
+      "import": "./combobox/index.mjs",
+      "require": "./combobox/index.cjs"
+    },
+    "./date-picker": {
+      "types": "./date-picker/index.d.ts",
+      "import": "./date-picker/index.mjs",
+      "require": "./date-picker/index.cjs"
+    },
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "import": "./dialog/index.mjs",
+      "require": "./dialog/index.cjs"
+    },
+    "./editable": {
+      "types": "./editable/index.d.ts",
+      "import": "./editable/index.mjs",
+      "require": "./editable/index.cjs"
+    },
+    "./environment": {
+      "types": "./environment/index.d.ts",
+      "import": "./environment/index.mjs",
+      "require": "./environment/index.cjs"
+    },
+    "./file-upload": {
+      "types": "./file-upload/index.d.ts",
+      "import": "./file-upload/index.mjs",
+      "require": "./file-upload/index.cjs"
+    },
+    "./hover-card": {
+      "types": "./hover-card/index.d.ts",
+      "import": "./hover-card/index.mjs",
+      "require": "./hover-card/index.cjs"
+    },
+    "./locale": {
+      "types": "./locale/index.d.ts",
+      "import": "./locale/index.mjs",
+      "require": "./locale/index.cjs"
+    },
+    "./menu": {
+      "types": "./menu/index.d.ts",
+      "import": "./menu/index.mjs",
+      "require": "./menu/index.cjs"
+    },
+    "./number-input": {
+      "types": "./number-input/index.d.ts",
+      "import": "./number-input/index.mjs",
+      "require": "./number-input/index.cjs"
+    },
+    "./pagination": {
+      "types": "./pagination/index.d.ts",
+      "import": "./pagination/index.mjs",
+      "require": "./pagination/index.cjs"
+    },
+    "./pin-input": {
+      "types": "./pin-input/index.d.ts",
+      "import": "./pin-input/index.mjs",
+      "require": "./pin-input/index.cjs"
+    },
+    "./popover": {
+      "types": "./popover/index.d.ts",
+      "import": "./popover/index.mjs",
+      "require": "./popover/index.cjs"
+    },
+    "./presence": {
+      "types": "./presence/index.d.ts",
+      "import": "./presence/index.mjs",
+      "require": "./presence/index.cjs"
+    },
+    "./progress": {
+      "types": "./progress/index.d.ts",
+      "import": "./progress/index.mjs",
+      "require": "./progress/index.cjs"
+    },
+    "./radio-group": {
+      "types": "./radio-group/index.d.ts",
+      "import": "./radio-group/index.mjs",
+      "require": "./radio-group/index.cjs"
+    },
+    "./rating-group": {
+      "types": "./rating-group/index.d.ts",
+      "import": "./rating-group/index.mjs",
+      "require": "./rating-group/index.cjs"
+    },
+    "./segment-group": {
+      "types": "./segment-group/index.d.ts",
+      "import": "./segment-group/index.mjs",
+      "require": "./segment-group/index.cjs"
+    },
+    "./select": {
+      "types": "./select/index.d.ts",
+      "import": "./select/index.mjs",
+      "require": "./select/index.cjs"
+    },
+    "./slider": {
+      "types": "./slider/index.d.ts",
+      "import": "./slider/index.mjs",
+      "require": "./slider/index.cjs"
+    },
+    "./splitter": {
+      "types": "./splitter/index.d.ts",
+      "import": "./splitter/index.mjs",
+      "require": "./splitter/index.cjs"
+    },
+    "./switch": {
+      "types": "./switch/index.d.ts",
+      "import": "./switch/index.mjs",
+      "require": "./switch/index.cjs"
+    },
+    "./tabs": {
+      "types": "./tabs/index.d.ts",
+      "import": "./tabs/index.mjs",
+      "require": "./tabs/index.cjs"
+    },
+    "./tags-input": {
+      "types": "./tags-input/index.d.ts",
+      "import": "./tags-input/index.mjs",
+      "require": "./tags-input/index.cjs"
+    },
+    "./toast": {
+      "types": "./toast/index.d.ts",
+      "import": "./toast/index.mjs",
+      "require": "./toast/index.cjs"
+    },
+    "./toggle-group": {
+      "types": "./toggle-group/index.d.ts",
+      "import": "./toggle-group/index.mjs",
+      "require": "./toggle-group/index.cjs"
+    },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "import": "./tooltip/index.mjs",
+      "require": "./tooltip/index.cjs"
+    },
+    "./tree-view": {
+      "types": "./tree-view/index.d.ts",
+      "import": "./tree-view/index.mjs",
+      "require": "./tree-view/index.cjs"
+    },
     "./factory": {
       "types": "./factory.d.ts",
       "import": "./factory.mjs",