@ark-ui/react 3.0.0-3 → 3.0.0

package/README.md

@@ -1,6 +1,8 @@
 # Welcome to Ark UI
 
-Ark UI is a headless, open-source UI library with over 30+ components designed for building reusable, scalable Design Systems. It supports a wide range of JavaScript frameworks, offering dedciated packages for each supported framework.
+Ark UI is a headless, open-source UI library with over 30+ components designed for building
+reusable, scalable Design Systems. It supports a wide range of JavaScript frameworks, offering
+dedciated packages for each supported framework.
 
 ## Supported Frameworks
 
@@ -97,7 +99,8 @@ export const MySlider = (props: SliderProps) => {
 
 ## Documentation
 
-For more detailed documentation and examples, please visit the [official documentation](https://ark-ui.com/).
+For more detailed documentation and examples, please visit the
+[official documentation](https://ark-ui.com/).
 
 ## Roadmap
 
@@ -105,8 +108,11 @@ You can request, vote for, and check upcoming features on our [roadmap](https://
 
 ## Contribution
 
-We welcome contributions to Ark UI. Please read our [contributing guidelines](https://github.com/chakra-ui/ark/blob/main/CONTRIBUTING.md) for more information on how to contribute.
+We welcome contributions to Ark UI. Please read our
+[contributing guidelines](https://github.com/chakra-ui/ark/blob/main/CONTRIBUTING.md) for more
+information on how to contribute.
 
 ## License
 
-This project is licensed under the terms of the [MIT license](https://github.com/chakra-ui/ark/blob/main/LICENSE).
+This project is licensed under the terms of the
+[MIT license](https://github.com/chakra-ui/ark/blob/main/LICENSE).

package/dist/components/pagination/index.d.cts

@@ -1,4 +1,4 @@
-export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, } from '@zag-js/pagination';
+export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, } from '@zag-js/pagination';
 export { PaginationContext, type PaginationContextProps } from './pagination-context';
 export { PaginationEllipsis, type PaginationEllipsisProps } from './pagination-ellipsis';
 export { PaginationItem, type PaginationItemProps } from './pagination-item';

package/dist/components/pagination/index.d.ts

@@ -1,4 +1,4 @@
-export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, } from '@zag-js/pagination';
+export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, } from '@zag-js/pagination';
 export { PaginationContext, type PaginationContextProps } from './pagination-context';
 export { PaginationEllipsis, type PaginationEllipsisProps } from './pagination-ellipsis';
 export { PaginationItem, type PaginationItemProps } from './pagination-item';

package/dist/components/pagination/pagination-root.cjs

@@ -18,6 +18,7 @@ const PaginationRoot = react.forwardRef((props, ref) => {
     "id",
     "ids",
     "onPageChange",
+    "onPageSizeChange",
     "page",
     "pageSize",
     "siblingCount",

package/dist/components/pagination/pagination-root.js

@@ -14,6 +14,7 @@ const PaginationRoot = forwardRef((props, ref) => {
     "id",
     "ids",
     "onPageChange",
+    "onPageSizeChange",
     "page",
     "pageSize",
     "siblingCount",

package/dist/components/pagination/pagination.d.cts

@@ -1,4 +1,4 @@
-export type { ItemLabelDetails, PageChangeDetails } from '@zag-js/pagination';
+export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, } from '@zag-js/pagination';
 export { PaginationContext as Context, type PaginationContextProps as ContextProps, } from './pagination-context';
 export { PaginationEllipsis as Ellipsis, type PaginationEllipsisProps as EllipsisProps, } from './pagination-ellipsis';
 export { PaginationItem as Item, type PaginationItemProps as ItemProps } from './pagination-item';

package/dist/components/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-export type { ItemLabelDetails, PageChangeDetails } from '@zag-js/pagination';
+export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, } from '@zag-js/pagination';
 export { PaginationContext as Context, type PaginationContextProps as ContextProps, } from './pagination-context';
 export { PaginationEllipsis as Ellipsis, type PaginationEllipsisProps as EllipsisProps, } from './pagination-ellipsis';
 export { PaginationItem as Item, type PaginationItemProps as ItemProps } from './pagination-item';

package/dist/components/tags-input/tags-input-root.d.cts

@@ -5,4 +5,4 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TagsInputRootProps extends Assign<HTMLArkProps<'div'>, UseTagsInputProps> {
 }
-export declare const TagsInputRoot: ForwardRefExoticComponent<TagsInputRootProps & RefAttributes<HTMLInputElement>>;
+export declare const TagsInputRoot: ForwardRefExoticComponent<TagsInputRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tags-input/tags-input-root.d.ts

@@ -5,4 +5,4 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TagsInputRootProps extends Assign<HTMLArkProps<'div'>, UseTagsInputProps> {
 }
-export declare const TagsInputRoot: ForwardRefExoticComponent<TagsInputRootProps & RefAttributes<HTMLInputElement>>;
+export declare const TagsInputRoot: ForwardRefExoticComponent<TagsInputRootProps & RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "3.0.0-3",
+  "version": "3.0.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -500,73 +500,73 @@
   "sideEffects": false,
   "dependencies": {
     "@ark-ui/anatomy": "3.1.0",
-    "@zag-js/accordion": "0.50.0",
-    "@zag-js/avatar": "0.50.0",
-    "@zag-js/carousel": "0.50.0",
-    "@zag-js/checkbox": "0.50.0",
-    "@zag-js/clipboard": "0.50.0",
-    "@zag-js/collapsible": "0.50.0",
-    "@zag-js/color-picker": "0.50.0",
-    "@zag-js/color-utils": "0.50.0",
-    "@zag-js/combobox": "0.50.0",
-    "@zag-js/core": "0.50.0",
-    "@zag-js/date-picker": "0.50.0",
-    "@zag-js/date-utils": "0.50.0",
-    "@zag-js/dom-query": "0.50.0",
-    "@zag-js/dialog": "0.50.0",
-    "@zag-js/editable": "0.50.0",
-    "@zag-js/file-upload": "0.50.0",
-    "@zag-js/file-utils": "0.50.0",
-    "@zag-js/hover-card": "0.50.0",
-    "@zag-js/i18n-utils": "0.50.0",
-    "@zag-js/menu": "0.50.0",
-    "@zag-js/number-input": "0.50.0",
-    "@zag-js/pagination": "0.50.0",
-    "@zag-js/pin-input": "0.50.0",
-    "@zag-js/popover": "0.50.0",
-    "@zag-js/presence": "0.50.0",
-    "@zag-js/progress": "0.50.0",
-    "@zag-js/radio-group": "0.50.0",
-    "@zag-js/rating-group": "0.50.0",
-    "@zag-js/react": "0.50.0",
-    "@zag-js/select": "0.50.0",
-    "@zag-js/slider": "0.50.0",
-    "@zag-js/splitter": "0.50.0",
-    "@zag-js/switch": "0.50.0",
-    "@zag-js/tabs": "0.50.0",
-    "@zag-js/tags-input": "0.50.0",
-    "@zag-js/toast": "0.50.0",
-    "@zag-js/toggle-group": "0.50.0",
-    "@zag-js/tooltip": "0.50.0",
-    "@zag-js/tree-view": "0.50.0",
-    "@zag-js/types": "0.50.0"
+    "@zag-js/accordion": "0.51.1",
+    "@zag-js/avatar": "0.51.1",
+    "@zag-js/carousel": "0.51.1",
+    "@zag-js/checkbox": "0.51.1",
+    "@zag-js/clipboard": "0.51.1",
+    "@zag-js/collapsible": "0.51.1",
+    "@zag-js/color-picker": "0.51.1",
+    "@zag-js/color-utils": "0.51.1",
+    "@zag-js/combobox": "0.51.1",
+    "@zag-js/core": "0.51.1",
+    "@zag-js/date-picker": "0.51.1",
+    "@zag-js/date-utils": "0.51.1",
+    "@zag-js/dom-query": "0.51.1",
+    "@zag-js/dialog": "0.51.1",
+    "@zag-js/editable": "0.51.1",
+    "@zag-js/file-upload": "0.51.1",
+    "@zag-js/file-utils": "0.51.1",
+    "@zag-js/hover-card": "0.51.1",
+    "@zag-js/i18n-utils": "0.51.1",
+    "@zag-js/menu": "0.51.1",
+    "@zag-js/number-input": "0.51.1",
+    "@zag-js/pagination": "0.51.1",
+    "@zag-js/pin-input": "0.51.1",
+    "@zag-js/popover": "0.51.1",
+    "@zag-js/presence": "0.51.1",
+    "@zag-js/progress": "0.51.1",
+    "@zag-js/radio-group": "0.51.1",
+    "@zag-js/rating-group": "0.51.1",
+    "@zag-js/react": "0.51.1",
+    "@zag-js/select": "0.51.1",
+    "@zag-js/slider": "0.51.1",
+    "@zag-js/splitter": "0.51.1",
+    "@zag-js/switch": "0.51.1",
+    "@zag-js/tabs": "0.51.1",
+    "@zag-js/tags-input": "0.51.1",
+    "@zag-js/toast": "0.51.1",
+    "@zag-js/toggle-group": "0.51.1",
+    "@zag-js/tooltip": "0.51.1",
+    "@zag-js/tree-view": "0.51.1",
+    "@zag-js/types": "0.51.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.7.3",
     "@release-it/keep-a-changelog": "5.0.0",
-    "@storybook/addon-a11y": "8.1.1",
-    "@storybook/addon-essentials": "8.1.1",
-    "@storybook/react-vite": "8.1.1",
-    "@storybook/react": "8.1.1",
+    "@storybook/addon-a11y": "8.1.3",
+    "@storybook/addon-essentials": "8.1.3",
+    "@storybook/react-vite": "8.1.3",
+    "@storybook/react": "8.1.3",
     "@testing-library/dom": "10.1.0",
     "@testing-library/jest-dom": "6.4.5",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.6",
-    "@types/react": "18.3.2",
+    "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "@types/testing-library__jest-dom": "5.14.9",
-    "@vitejs/plugin-react": "4.2.1",
+    "@vitejs/plugin-react": "4.3.0",
     "globby": "14.0.1",
     "jsdom": "24.0.0",
-    "lucide-react": "0.378.0",
+    "lucide-react": "0.379.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-frame-component": "5.2.6",
-    "react-hook-form": "7.51.4",
-    "release-it": "17.2.1",
+    "react-hook-form": "7.51.5",
+    "release-it": "17.3.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "8.1.1",
+    "storybook": "8.1.3",
     "typescript": "5.4.5",
     "vite": "5.2.11",
     "vite-plugin-dts": "3.9.1",