@ark-ui/react 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -0,0 +1,109 @@
+---
+id: changelog
+name: Changelog
+description: All notable changes to this project will be documented in this file. The format is based on Keep a Changelog and this project adheres to and this project adheres to Semantic Versioning.
+---
+
+## [Unreleased]
+
+## [0.7.1] - 2023-06-27
+
+### Added
+
+- Support for standalone component imports: Developers can now import individual components, such as `@ark-ui/react/tabs` instead of the full `@ark-ui/react` package. This is a significant feature for those working with bundlers that do not support tree-shaking. By allowing imports of individual components, we ensure a reduced bundle size when the full package import is not necessary.
+
+## [0.7.0] - 2023-06-23
+
+### Added
+
+- Added `SegmentGroup` component
+
+## [0.6.0] - 2023-06-03
+
+### Added
+
+- Added `Avatar` component
+- Introduced an optional `defaulPage` property to `Pagination`
+- Introduced an optional `defaultSize` property to `Splitter`
+- Introduced the `onLongPress` property to `Pressable`
+
+### Changed
+
+- Exposed direct access to the `Splitter` component's internal API, enabling more control over the component's state
+- Updated all `@zag-js` dependencies to their latest versions
+
+## [0.5.0] - 2023-05-25
+
+### Removed
+
+- Removed `AccordionIcon`
+
+## [0.4.0] - 2023-05-23
+
+### Added
+
+- Add `DatePicker`
+
+### Changed
+
+- Update `Checkbox`. Control `indeterminate` state in `checked` prop
+
+### Fixed
+
+- Fix a typo in the `SwitchProps` type
+
+## [0.3.0] - 2023-05-11
+
+### Added
+
+- Add `Switch`
+- Add support for `asChild`
+
+## [0.2.0] - 2023-04-29
+
+### Added
+
+- Add `ColorPicker`
+
+## [0.1.0] - 2023-04-17
+
+### Added
+
+- Add `Accordion`
+- Add `Carousel`
+- Add `Checkbox`
+- Add `Combobox`
+- Add `DatePicker`
+- Add `Dialog`
+- Add `Editable`
+- Add `HoverCard`
+- Add `Menu`
+- Add `NumberInput`
+- Add `Pagination`
+- Add `PinInput`
+- Add `Popover`
+- Add `Pressable`
+- Add `RadioGroup`
+- Add `RangeSlider`
+- Add `RatingGroup`
+- Add `Select`
+- Add `Slider`
+- Add `Splitter`
+- Add `Tabs`
+- Add `TagsInput`
+- Add `Toast`
+- Add `Tooltip`
+
+[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/react@0.7.1...HEAD
+[0.6.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.6.0
+[0.5.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.5.0
+[0.4.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.4.0
+[0.3.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.3.0
+[0.2.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.2.0
+[0.1.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.1.0
+[0.7.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.7.0
+[0.8.0-beta.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.8.0-beta.0
+[0.9.0-beta.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.9.0-beta.0
+[0.9.0-beta.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.9.0-beta.1
+
+[0.7.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.7.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Chakra UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/avatar/avatar.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';

package/{dist/index.cjs → index.cjs}

@@ -12,7 +12,7 @@ const accordion$1 = require('@zag-js/accordion');
 const avatar = require('./avatar/avatar.cjs');
 const avatarFallback = require('./avatar/avatar-fallback.cjs');
 const avatarImage = require('./avatar/avatar-image.cjs');
-const avatar_anatomy = require('./avatar/avatar.anatomy.cjs');
+const avatar$1 = require('@zag-js/avatar');
 const carousel = require('./carousel/carousel.cjs');
 const carouselControl = require('./carousel/carousel-control.cjs');
 const carouselNextSlideTrigger = require('./carousel/carousel-next-slide-trigger.cjs');
@@ -259,7 +259,10 @@ Object.defineProperty(exports, 'accordionAnatomy', {
 exports.Avatar = avatar.Avatar;
 exports.AvatarFallback = avatarFallback.AvatarFallback;
 exports.AvatarImage = avatarImage.AvatarImage;
-exports.avatarAnatomy = avatar_anatomy.avatarAnatomy;
+Object.defineProperty(exports, 'avatarAnatomy', {
+	enumerable: true,
+	get: () => avatar$1.anatomy
+});
 exports.Carousel = carousel.Carousel;
 exports.CarouselControl = carouselControl.CarouselControl;
 exports.CarouselNextSlideTrigger = carouselNextSlideTrigger.CarouselNextSlideTrigger;

package/{dist/index.mjs → index.mjs}

@@ -8,7 +8,7 @@ export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { Avatar } from './avatar/avatar.mjs';
 export { AvatarFallback } from './avatar/avatar-fallback.mjs';
 export { AvatarImage } from './avatar/avatar-image.mjs';
-export { avatarAnatomy } from './avatar/avatar.anatomy.mjs';
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';
 export { Carousel } from './carousel/carousel.mjs';
 export { CarouselControl } from './carousel/carousel-control.mjs';
 export { CarouselNextSlideTrigger } from './carousel/carousel-next-slide-trigger.mjs';

package/package.json

@@ -1,10 +1,8 @@
 {
   "name": "@ark-ui/react",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
-    "react",
-    "headless",
     "accordion",
     "avatar",
     "carousel",
@@ -14,29 +12,30 @@
     "date picker",
     "dialog",
     "editable",
+    "environment",
     "hover card",
     "menu",
     "number input",
     "pagination",
     "pin input",
     "popover",
+    "pressable",
     "radio group",
     "range slider",
     "rating group",
+    "segment group",
     "select",
     "slider",
     "splitter",
+    "switch",
     "tabs",
     "tags input",
     "toast",
-    "tooltip"
+    "tooltip",
+    "transition"
   ],
-  "homepage": "https://github.com/chakra-ui/ark#readme",
+  "homepage": "https://ark-ui.com",
   "license": "MIT",
-  "main": "dist/index.cjs",
-  "files": [
-    "dist"
-  ],
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
@@ -55,12 +54,10 @@
     "test": "vitest",
     "test:ci": "vitest --run --coverage",
     "typecheck": "tsc",
-    "prepack": "clean-package",
-    "postpack": "clean-package restore",
-    "typedocs": "ts-node ../../scripts/generate-type-docs.ts",
-    "storydocs": "ts-node ../../scripts/generate-stories.ts",
+    "storydocs": "pnpm --filter=@ark-ui/scripts document:stories react",
+    "typedocs": "pnpm --filter=@ark-ui/scripts document:types react",
     "storybook": "storybook dev -p 6006",
-    "release-it": "release-it --config ../../config/release-it.json"
+    "release-it": "release-it --config ../../release-it.json"
   },
   "dependencies": {
     "@zag-js/accordion": "0.10.2",
@@ -107,14 +104,13 @@
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
     "@types/jsdom": "21.1.1",
-    "@types/react": "18.2.13",
+    "@types/react": "18.2.14",
     "@types/react-dom": "18.2.6",
     "@types/testing-library__jest-dom": "5.14.6",
-    "@typescript-eslint/eslint-plugin": "5.60.0",
-    "@typescript-eslint/parser": "5.60.0",
+    "@typescript-eslint/eslint-plugin": "5.60.1",
+    "@typescript-eslint/parser": "5.60.1",
     "@vitejs/plugin-react": "4.0.1",
     "@vitest/coverage-c8": "0.31.4",
-    "clean-package": "2.2.0",
     "eslint": "8.43.0",
     "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.6.0",
@@ -135,14 +131,167 @@
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
-  "clean-package": "../../config/clean-package.config.json",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "index.cjs",
+  "module": "index.mjs",
+  "types": "index.d.ts",
+  "files": [
+    "./"
+  ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "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"
+    },
+    "./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"
+    },
+    "./hover-card": {
+      "types": "./hover-card/index.d.ts",
+      "import": "./hover-card/index.mjs",
+      "require": "./hover-card/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"
+    },
+    "./pressable": {
+      "types": "./pressable/index.d.ts",
+      "import": "./pressable/index.mjs",
+      "require": "./pressable/index.cjs"
+    },
+    "./radio-group": {
+      "types": "./radio-group/index.d.ts",
+      "import": "./radio-group/index.mjs",
+      "require": "./radio-group/index.cjs"
+    },
+    "./range-slider": {
+      "types": "./range-slider/index.d.ts",
+      "import": "./range-slider/index.mjs",
+      "require": "./range-slider/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"
+    },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "import": "./tooltip/index.mjs",
+      "require": "./tooltip/index.cjs"
+    },
+    "./transition": {
+      "types": "./transition/index.d.ts",
+      "import": "./transition/index.mjs",
+      "require": "./transition/index.cjs"
     },
     "./package.json": "./package.json"
   }

package/dist/avatar/avatar.anatomy.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const anatomy = require('@zag-js/anatomy');
-
-const avatarAnatomy = anatomy.createAnatomy("avatar").parts("root", "image", "fallback");
-
-exports.avatarAnatomy = avatarAnatomy;

package/dist/avatar/avatar.anatomy.d.ts

@@ -1,2 +0,0 @@
-import type { AnatomyInstance } from '@zag-js/anatomy/dist/create-anatomy';
-export declare const avatarAnatomy: AnatomyInstance<"image" | "root" | "fallback">;

package/dist/avatar/avatar.anatomy.mjs

@@ -1,5 +0,0 @@
-import { createAnatomy } from '@zag-js/anatomy';
-
-const avatarAnatomy = createAnatomy("avatar").parts("root", "image", "fallback");
-
-export { avatarAnatomy };