@ark-ui/react 5.5.0 → 5.6.0

package/dist/index.cjs

@@ -14,6 +14,19 @@ const useAccordion = require('./components/accordion/use-accordion.cjs');
 const useAccordionContext = require('./components/accordion/use-accordion-context.cjs');
 const useAccordionItemContext = require('./components/accordion/use-accordion-item-context.cjs');
 const accordion$1 = require('./components/accordion/accordion.cjs');
+const angleSliderContext = require('./components/angle-slider/angle-slider-context.cjs');
+const angleSliderControl = require('./components/angle-slider/angle-slider-control.cjs');
+const angleSliderHiddenInput = require('./components/angle-slider/angle-slider-hidden-input.cjs');
+const angleSliderLabel = require('./components/angle-slider/angle-slider-label.cjs');
+const angleSliderMarker = require('./components/angle-slider/angle-slider-marker.cjs');
+const angleSliderMarkerGroup = require('./components/angle-slider/angle-slider-marker-group.cjs');
+const angleSliderRoot = require('./components/angle-slider/angle-slider-root.cjs');
+const angleSliderRootProvider = require('./components/angle-slider/angle-slider-root-provider.cjs');
+const angleSliderThumb = require('./components/angle-slider/angle-slider-thumb.cjs');
+const angleSliderValueText = require('./components/angle-slider/angle-slider-value-text.cjs');
+const useAngleSlider = require('./components/angle-slider/use-angle-slider.cjs');
+const useAngleSliderContext = require('./components/angle-slider/use-angle-slider-context.cjs');
+const angleSlider$1 = require('./components/angle-slider/angle-slider.cjs');
 const avatarContext = require('./components/avatar/avatar-context.cjs');
 const avatarFallback = require('./components/avatar/avatar-fallback.cjs');
 const avatarImage = require('./components/avatar/avatar-image.cjs');
@@ -229,6 +242,23 @@ const fileUploadTrigger = require('./components/file-upload/file-upload-trigger.
 const useFileUpload = require('./components/file-upload/use-file-upload.cjs');
 const useFileUploadContext = require('./components/file-upload/use-file-upload-context.cjs');
 const fileUpload$1 = require('./components/file-upload/file-upload.cjs');
+const floatingPanelBody = require('./components/floating-panel/floating-panel-body.cjs');
+const floatingPanelCloseTrigger = require('./components/floating-panel/floating-panel-close-trigger.cjs');
+const floatingPanelContent = require('./components/floating-panel/floating-panel-content.cjs');
+const floatingPanelContext = require('./components/floating-panel/floating-panel-context.cjs');
+const floatingPanelDragTrigger = require('./components/floating-panel/floating-panel-drag-trigger.cjs');
+const floatingPanelHeader = require('./components/floating-panel/floating-panel-header.cjs');
+const floatingPanelPositioner = require('./components/floating-panel/floating-panel-positioner.cjs');
+const floatingPanelResizeTrigger = require('./components/floating-panel/floating-panel-resize-trigger.cjs');
+const floatingPanelStageTrigger = require('./components/floating-panel/floating-panel-stage-trigger.cjs');
+const floatingPanelRoot = require('./components/floating-panel/floating-panel-root.cjs');
+const floatingPanelRootProvider = require('./components/floating-panel/floating-panel-root-provider.cjs');
+const floatingPanelTitle = require('./components/floating-panel/floating-panel-title.cjs');
+const floatingPanelTrigger = require('./components/floating-panel/floating-panel-trigger.cjs');
+const floatingPanelControl = require('./components/floating-panel/floating-panel-control.cjs');
+const useFloatingPanel = require('./components/floating-panel/use-floating-panel.cjs');
+const useFloatingPanelContext = require('./components/floating-panel/use-floating-panel-context.cjs');
+const floatingPanel$1 = require('./components/floating-panel/floating-panel.cjs');
 const focusTrap = require('./components/focus-trap/focus-trap.cjs');
 const formatByte = require('./components/format/format-byte.cjs');
 const formatNumber = require('./components/format/format-number.cjs');
@@ -612,6 +642,7 @@ const useEnvironmentContext = require('./providers/environment/use-environment-c
 const localeProvider = require('./providers/locale/locale-provider.cjs');
 const useLocaleContext = require('./providers/locale/use-locale-context.cjs');
 const accordion = require('@zag-js/accordion');
+const angleSlider = require('@zag-js/angle-slider');
 const avatar = require('@zag-js/avatar');
 const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
@@ -620,6 +651,7 @@ const combobox = require('@zag-js/combobox');
 const dialog = require('@zag-js/dialog');
 const editable = require('@zag-js/editable');
 const fileUpload = require('@zag-js/file-upload');
+const floatingPanel = require('@zag-js/floating-panel');
 const hoverCard = require('@zag-js/hover-card');
 const menu = require('@zag-js/menu');
 const numberInput = require('@zag-js/number-input');
@@ -659,6 +691,19 @@ exports.useAccordion = useAccordion.useAccordion;
 exports.useAccordionContext = useAccordionContext.useAccordionContext;
 exports.useAccordionItemContext = useAccordionItemContext.useAccordionItemContext;
 exports.Accordion = accordion$1;
+exports.AngleSliderContext = angleSliderContext.AngleSliderContext;
+exports.AngleSliderControl = angleSliderControl.AngleSliderControl;
+exports.AngleSliderHiddenInput = angleSliderHiddenInput.AngleSliderHiddenInput;
+exports.AngleSliderLabel = angleSliderLabel.AngleSliderLabel;
+exports.AngleSliderMarker = angleSliderMarker.AngleSliderMarker;
+exports.AngleSliderMarkerGroup = angleSliderMarkerGroup.AngleSliderMarkerGroup;
+exports.AngleSliderRoot = angleSliderRoot.AngleSliderRoot;
+exports.AngleSliderRootProvider = angleSliderRootProvider.AngleSliderRootProvider;
+exports.AngleSliderThumb = angleSliderThumb.AngleSliderThumb;
+exports.AngleSliderValueText = angleSliderValueText.AngleSliderValueText;
+exports.useAngleSlider = useAngleSlider.useAngleSlider;
+exports.useAngleSliderContext = useAngleSliderContext.useAngleSliderContext;
+exports.AngleSlider = angleSlider$1;
 exports.AvatarContext = avatarContext.AvatarContext;
 exports.AvatarFallback = avatarFallback.AvatarFallback;
 exports.AvatarImage = avatarImage.AvatarImage;
@@ -883,6 +928,23 @@ exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
 exports.useFileUpload = useFileUpload.useFileUpload;
 exports.useFileUploadContext = useFileUploadContext.useFileUploadContext;
 exports.FileUpload = fileUpload$1;
+exports.FloatingPanelBody = floatingPanelBody.FloatingPanelBody;
+exports.FloatingPanelCloseTrigger = floatingPanelCloseTrigger.FloatingPanelCloseTrigger;
+exports.FloatingPanelContent = floatingPanelContent.FloatingPanelContent;
+exports.FloatingPanelContext = floatingPanelContext.FloatingPanelContext;
+exports.FloatingPanelDragTrigger = floatingPanelDragTrigger.FloatingPanelDragTrigger;
+exports.FloatingPanelHeader = floatingPanelHeader.FloatingPanelHeader;
+exports.FloatingPanelPositioner = floatingPanelPositioner.FloatingPanelPositioner;
+exports.FloatingPanelResizeTrigger = floatingPanelResizeTrigger.FloatingPanelResizeTrigger;
+exports.FloatingPanelStageTrigger = floatingPanelStageTrigger.FloatingPanelStageTrigger;
+exports.FloatingPanelRoot = floatingPanelRoot.FloatingPanelRoot;
+exports.FloatingPanelRootProvider = floatingPanelRootProvider.FloatingPanelRootProvider;
+exports.FloatingPanelTitle = floatingPanelTitle.FloatingPanelTitle;
+exports.FloatingPanelTrigger = floatingPanelTrigger.FloatingPanelTrigger;
+exports.FloatingPanelControl = floatingPanelControl.FloatingPanelControl;
+exports.useFloatingPanel = useFloatingPanel.useFloatingPanel;
+exports.useFloatingPanelContext = useFloatingPanelContext.useFloatingPanelContext;
+exports.FloatingPanel = floatingPanel$1;
 exports.FocusTrap = focusTrap.FocusTrap;
 exports.FormatByte = formatByte.FormatByte;
 exports.FormatNumber = formatNumber.FormatNumber;
@@ -1273,6 +1335,10 @@ Object.defineProperty(exports, "accordionAnatomy", {
 	enumerable: true,
 	get: () => accordion.anatomy
 });
+Object.defineProperty(exports, "angleSliderAnatomy", {
+	enumerable: true,
+	get: () => angleSlider.anatomy
+});
 Object.defineProperty(exports, "avatarAnatomy", {
 	enumerable: true,
 	get: () => avatar.anatomy
@@ -1305,6 +1371,10 @@ Object.defineProperty(exports, "fileUploadAnatomy", {
 	enumerable: true,
 	get: () => fileUpload.anatomy
 });
+Object.defineProperty(exports, "floatingPanelAnatomy", {
+	enumerable: true,
+	get: () => floatingPanel.anatomy
+});
 Object.defineProperty(exports, "hoverCardAnatomy", {
 	enumerable: true,
 	get: () => hoverCard.anatomy

package/dist/index.js

@@ -11,6 +11,20 @@ export { useAccordionContext } from './components/accordion/use-accordion-contex
 export { useAccordionItemContext } from './components/accordion/use-accordion-item-context.js';
 import * as accordion from './components/accordion/accordion.js';
 export { accordion as Accordion };
+export { AngleSliderContext } from './components/angle-slider/angle-slider-context.js';
+export { AngleSliderControl } from './components/angle-slider/angle-slider-control.js';
+export { AngleSliderHiddenInput } from './components/angle-slider/angle-slider-hidden-input.js';
+export { AngleSliderLabel } from './components/angle-slider/angle-slider-label.js';
+export { AngleSliderMarker } from './components/angle-slider/angle-slider-marker.js';
+export { AngleSliderMarkerGroup } from './components/angle-slider/angle-slider-marker-group.js';
+export { AngleSliderRoot } from './components/angle-slider/angle-slider-root.js';
+export { AngleSliderRootProvider } from './components/angle-slider/angle-slider-root-provider.js';
+export { AngleSliderThumb } from './components/angle-slider/angle-slider-thumb.js';
+export { AngleSliderValueText } from './components/angle-slider/angle-slider-value-text.js';
+export { useAngleSlider } from './components/angle-slider/use-angle-slider.js';
+export { useAngleSliderContext } from './components/angle-slider/use-angle-slider-context.js';
+import * as angleSlider from './components/angle-slider/angle-slider.js';
+export { angleSlider as AngleSlider };
 export { AvatarContext } from './components/avatar/avatar-context.js';
 export { AvatarFallback } from './components/avatar/avatar-fallback.js';
 export { AvatarImage } from './components/avatar/avatar-image.js';
@@ -239,6 +253,24 @@ export { useFileUpload } from './components/file-upload/use-file-upload.js';
 export { useFileUploadContext } from './components/file-upload/use-file-upload-context.js';
 import * as fileUpload from './components/file-upload/file-upload.js';
 export { fileUpload as FileUpload };
+export { FloatingPanelBody } from './components/floating-panel/floating-panel-body.js';
+export { FloatingPanelCloseTrigger } from './components/floating-panel/floating-panel-close-trigger.js';
+export { FloatingPanelContent } from './components/floating-panel/floating-panel-content.js';
+export { FloatingPanelContext } from './components/floating-panel/floating-panel-context.js';
+export { FloatingPanelDragTrigger } from './components/floating-panel/floating-panel-drag-trigger.js';
+export { FloatingPanelHeader } from './components/floating-panel/floating-panel-header.js';
+export { FloatingPanelPositioner } from './components/floating-panel/floating-panel-positioner.js';
+export { FloatingPanelResizeTrigger } from './components/floating-panel/floating-panel-resize-trigger.js';
+export { FloatingPanelStageTrigger } from './components/floating-panel/floating-panel-stage-trigger.js';
+export { FloatingPanelRoot } from './components/floating-panel/floating-panel-root.js';
+export { FloatingPanelRootProvider } from './components/floating-panel/floating-panel-root-provider.js';
+export { FloatingPanelTitle } from './components/floating-panel/floating-panel-title.js';
+export { FloatingPanelTrigger } from './components/floating-panel/floating-panel-trigger.js';
+export { FloatingPanelControl } from './components/floating-panel/floating-panel-control.js';
+export { useFloatingPanel } from './components/floating-panel/use-floating-panel.js';
+export { useFloatingPanelContext } from './components/floating-panel/use-floating-panel-context.js';
+import * as floatingPanel from './components/floating-panel/floating-panel.js';
+export { floatingPanel as FloatingPanel };
 export { FocusTrap } from './components/focus-trap/focus-trap.js';
 export { FormatByte } from './components/format/format-byte.js';
 export { FormatNumber } from './components/format/format-number.js';
@@ -650,6 +682,7 @@ export { useEnvironmentContext } from './providers/environment/use-environment-c
 export { LocaleProvider } from './providers/locale/locale-provider.js';
 export { useLocaleContext } from './providers/locale/use-locale-context.js';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
+export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
 export { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
@@ -658,6 +691,7 @@ export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';
 export { anatomy as editableAnatomy } from '@zag-js/editable';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
+export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
+    "angle slider",
     "avatar",
     "carousel",
     "checkbox",
@@ -138,7 +139,6 @@
     "test:ci": "vitest --run",
     "typecheck": "tsc",
     "storybook": "storybook dev -p 6006",
-    "release-it": "release-it --config ../../release-it.json",
     "prepack": "clean-package",
     "postpack": "clean-package restore"
   },
@@ -148,89 +148,90 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.7.0",
-    "@zag-js/accordion": "1.8.2",
-    "@zag-js/anatomy": "1.8.2",
-    "@zag-js/auto-resize": "1.8.2",
-    "@zag-js/avatar": "1.8.2",
-    "@zag-js/carousel": "1.8.2",
-    "@zag-js/checkbox": "1.8.2",
-    "@zag-js/clipboard": "1.8.2",
-    "@zag-js/collapsible": "1.8.2",
-    "@zag-js/collection": "1.8.2",
-    "@zag-js/color-picker": "1.8.2",
-    "@zag-js/color-utils": "1.8.2",
-    "@zag-js/combobox": "1.8.2",
-    "@zag-js/core": "1.8.2",
-    "@zag-js/date-picker": "1.8.2",
-    "@zag-js/date-utils": "1.8.2",
-    "@zag-js/dialog": "1.8.2",
-    "@zag-js/dom-query": "1.8.2",
-    "@zag-js/editable": "1.8.2",
-    "@zag-js/file-upload": "1.8.2",
-    "@zag-js/file-utils": "1.8.1",
-    "@zag-js/focus-trap": "1.8.2",
-    "@zag-js/highlight-word": "1.8.2",
-    "@zag-js/hover-card": "1.8.2",
-    "@zag-js/i18n-utils": "1.8.2",
-    "@zag-js/menu": "1.8.2",
-    "@zag-js/number-input": "1.8.2",
-    "@zag-js/pagination": "1.8.2",
-    "@zag-js/pin-input": "1.8.2",
-    "@zag-js/popover": "1.8.2",
-    "@zag-js/presence": "1.8.2",
-    "@zag-js/progress": "1.8.2",
-    "@zag-js/qr-code": "1.8.2",
-    "@zag-js/radio-group": "1.8.2",
-    "@zag-js/rating-group": "1.8.2",
-    "@zag-js/react": "1.8.2",
-    "@zag-js/select": "1.8.2",
-    "@zag-js/signature-pad": "1.8.2",
-    "@zag-js/slider": "1.8.2",
-    "@zag-js/splitter": "1.8.2",
-    "@zag-js/steps": "1.8.2",
-    "@zag-js/switch": "1.8.2",
-    "@zag-js/tabs": "1.8.2",
-    "@zag-js/tags-input": "1.8.2",
-    "@zag-js/time-picker": "1.8.2",
-    "@zag-js/timer": "1.8.2",
-    "@zag-js/toast": "1.8.2",
-    "@zag-js/toggle": "1.8.2",
-    "@zag-js/toggle-group": "1.8.2",
-    "@zag-js/tooltip": "1.8.2",
-    "@zag-js/tour": "1.8.2",
-    "@zag-js/tree-view": "1.8.2",
-    "@zag-js/types": "1.8.2",
-    "@zag-js/utils": "1.8.2"
+    "@zag-js/accordion": "1.9.2",
+    "@zag-js/angle-slider": "1.9.2",
+    "@zag-js/anatomy": "1.9.2",
+    "@zag-js/auto-resize": "1.9.2",
+    "@zag-js/avatar": "1.9.2",
+    "@zag-js/carousel": "1.9.2",
+    "@zag-js/checkbox": "1.9.2",
+    "@zag-js/clipboard": "1.9.2",
+    "@zag-js/collapsible": "1.9.2",
+    "@zag-js/collection": "1.9.2",
+    "@zag-js/color-picker": "1.9.2",
+    "@zag-js/color-utils": "1.9.2",
+    "@zag-js/combobox": "1.9.2",
+    "@zag-js/core": "1.9.2",
+    "@zag-js/date-picker": "1.9.2",
+    "@zag-js/date-utils": "1.9.2",
+    "@zag-js/dialog": "1.9.2",
+    "@zag-js/dom-query": "1.9.2",
+    "@zag-js/editable": "1.9.2",
+    "@zag-js/file-upload": "1.9.2",
+    "@zag-js/file-utils": "1.9.2",
+    "@zag-js/focus-trap": "1.9.2",
+    "@zag-js/floating-panel": "1.9.2",
+    "@zag-js/highlight-word": "1.9.2",
+    "@zag-js/hover-card": "1.9.2",
+    "@zag-js/i18n-utils": "1.9.2",
+    "@zag-js/menu": "1.9.2",
+    "@zag-js/number-input": "1.9.2",
+    "@zag-js/pagination": "1.9.2",
+    "@zag-js/pin-input": "1.9.2",
+    "@zag-js/popover": "1.9.2",
+    "@zag-js/presence": "1.9.2",
+    "@zag-js/progress": "1.9.2",
+    "@zag-js/qr-code": "1.9.2",
+    "@zag-js/radio-group": "1.9.2",
+    "@zag-js/rating-group": "1.9.2",
+    "@zag-js/react": "1.9.2",
+    "@zag-js/select": "1.9.2",
+    "@zag-js/signature-pad": "1.9.2",
+    "@zag-js/slider": "1.9.2",
+    "@zag-js/splitter": "1.9.2",
+    "@zag-js/steps": "1.9.2",
+    "@zag-js/switch": "1.9.2",
+    "@zag-js/tabs": "1.9.2",
+    "@zag-js/tags-input": "1.9.2",
+    "@zag-js/time-picker": "1.9.2",
+    "@zag-js/timer": "1.9.2",
+    "@zag-js/toast": "1.9.2",
+    "@zag-js/toggle": "1.9.2",
+    "@zag-js/toggle-group": "1.9.2",
+    "@zag-js/tooltip": "1.9.2",
+    "@zag-js/tour": "1.9.2",
+    "@zag-js/tree-view": "1.9.2",
+    "@zag-js/types": "1.9.2",
+    "@zag-js/utils": "1.9.2"
   },
   "devDependencies": {
+    "@ark-ui/shared": "workspace:*",
     "@biomejs/biome": "1.9.4",
-    "@release-it/keep-a-changelog": "6.0.0",
-    "@storybook/addon-a11y": "8.6.11",
-    "@storybook/addon-essentials": "8.6.11",
-    "@storybook/react": "8.6.11",
-    "@storybook/react-vite": "8.6.11",
+    "@storybook/addon-a11y": "8.6.12",
+    "@storybook/addon-essentials": "8.6.12",
+    "@storybook/react": "8.6.12",
+    "@storybook/react-vite": "8.6.12",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.2.0",
+    "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/jsdom": "21.1.7",
-    "@types/react": "19.0.12",
-    "@types/react-dom": "19.0.4",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.2",
     "@vitejs/plugin-react": "4.3.4",
-    "@zag-js/stringify-state": "1.8.2",
+    "@zag-js/stringify-state": "1.9.2",
     "clean-package": "2.2.0",
     "globby": "14.1.0",
     "happy-dom": "17.4.4",
-    "lucide-react": "0.486.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "lucide-react": "0.487.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.55.0",
-    "release-it": "18.1.2",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "8.6.11",
-    "typescript": "5.8.2",
-    "vite": "6.2.4",
+    "storybook": "8.6.12",
+    "typescript": "5.8.3",
+    "vite": "6.2.5",
     "vite-plugin-dts": "4.5.3",
     "vitest": "3.1.1",
     "@vitest/coverage-v8": "3.1.1",