@ark-ui/react 5.9.1 → 5.10.0

package/dist/index.js

@@ -231,6 +231,7 @@ export { FieldsetLegend } from './components/fieldset/fieldset-legend.js';
 export { FieldsetRoot } from './components/fieldset/fieldset-root.js';
 export { FieldsetRootProvider } from './components/fieldset/fieldset-root-provider.js';
 export { fieldsetAnatomy } from './components/fieldset/fieldset.anatomy.js';
+export { useFieldset } from './components/fieldset/use-fieldset.js';
 export { useFieldsetContext } from './components/fieldset/use-fieldset-context.js';
 import * as fieldset from './components/fieldset/fieldset.js';
 export { fieldset as Fieldset };
@@ -359,6 +360,18 @@ export { usePagination } from './components/pagination/use-pagination.js';
 export { usePaginationContext } from './components/pagination/use-pagination-context.js';
 import * as pagination from './components/pagination/pagination.js';
 export { pagination as Pagination };
+export { PasswordInputContext } from './components/password-input/password-input-context.js';
+export { PasswordInputControl } from './components/password-input/password-input-control.js';
+export { PasswordInputIndicator } from './components/password-input/password-input-indicator.js';
+export { PasswordInputInput } from './components/password-input/password-input-input.js';
+export { PasswordInputLabel } from './components/password-input/password-input-label.js';
+export { PasswordInputRoot } from './components/password-input/password-input-root.js';
+export { PasswordInputRootProvider } from './components/password-input/password-input-root-provider.js';
+export { PasswordInputVisibilityTrigger } from './components/password-input/password-input-visibility-trigger.js';
+export { usePasswordInput } from './components/password-input/use-password-input.js';
+export { usePasswordInputContext } from './components/password-input/use-password-input-context.js';
+import * as passwordInput from './components/password-input/password-input.js';
+export { passwordInput as PasswordInput };
 export { PinInputContext } from './components/pin-input/pin-input-context.js';
 export { PinInputControl } from './components/pin-input/pin-input-control.js';
 export { PinInputHiddenInput } from './components/pin-input/pin-input-hidden-input.js';
@@ -715,6 +728,7 @@ export { anatomy as listboxAnatomy } from '@zag-js/listbox';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 export { anatomy as paginationAnatomy } from '@zag-js/pagination';
+export { anatomy as passwordInputAnatomy } from '@zag-js/password-input';
 export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
 export { anatomy as popoverAnatomy } from '@zag-js/popover';
 export { anatomy as progressAnatomy } from '@zag-js/progress';

package/dist/providers/environment/environment-provider.cjs

@@ -13,7 +13,7 @@ const EnvironmentProvider = (props) => {
   const { value, children } = props;
   const [spanRef, setSpanRef] = react.useState();
   const getRootNode = react.useMemo(() => {
-    return () => runIfFn.runIfFn(value) ?? spanRef?.ownerDocument ?? document;
+    return () => runIfFn.runIfFn(value) ?? spanRef?.getRootNode() ?? document;
   }, [value, spanRef]);
   const environment = react.useMemo(
     () => ({

package/dist/providers/environment/environment-provider.js

@@ -9,7 +9,7 @@ const EnvironmentProvider = (props) => {
   const { value, children } = props;
   const [spanRef, setSpanRef] = useState();
   const getRootNode = useMemo(() => {
-    return () => runIfFn(value) ?? spanRef?.ownerDocument ?? document;
+    return () => runIfFn(value) ?? spanRef?.getRootNode() ?? document;
   }, [value, spanRef]);
   const environment = useMemo(
     () => ({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.9.1",
+  "version": "5.10.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -43,7 +43,8 @@
     "toast",
     "toggle group",
     "tooltip",
-    "tree view"
+    "tree view",
+    "password input"
   ],
   "license": "MIT",
   "homepage": "https://ark-ui.com",
@@ -150,62 +151,63 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.0",
-    "@zag-js/accordion": "1.12.2",
-    "@zag-js/angle-slider": "1.12.2",
-    "@zag-js/anatomy": "1.12.2",
-    "@zag-js/auto-resize": "1.12.2",
-    "@zag-js/avatar": "1.12.2",
-    "@zag-js/carousel": "1.12.2",
-    "@zag-js/checkbox": "1.12.2",
-    "@zag-js/clipboard": "1.12.2",
-    "@zag-js/collapsible": "1.12.2",
-    "@zag-js/collection": "1.12.2",
-    "@zag-js/color-picker": "1.12.2",
-    "@zag-js/color-utils": "1.12.2",
-    "@zag-js/combobox": "1.12.2",
-    "@zag-js/core": "1.12.2",
-    "@zag-js/date-picker": "1.12.2",
-    "@zag-js/date-utils": "1.12.2",
-    "@zag-js/dialog": "1.12.2",
-    "@zag-js/dom-query": "1.12.2",
-    "@zag-js/editable": "1.12.2",
-    "@zag-js/file-upload": "1.12.2",
-    "@zag-js/file-utils": "1.12.2",
-    "@zag-js/focus-trap": "1.12.2",
-    "@zag-js/floating-panel": "1.12.2",
-    "@zag-js/highlight-word": "1.12.2",
-    "@zag-js/hover-card": "1.12.2",
-    "@zag-js/i18n-utils": "1.12.2",
-    "@zag-js/listbox": "1.12.2",
-    "@zag-js/menu": "1.12.2",
-    "@zag-js/number-input": "1.12.2",
-    "@zag-js/pagination": "1.12.2",
-    "@zag-js/pin-input": "1.12.2",
-    "@zag-js/popover": "1.12.2",
-    "@zag-js/presence": "1.12.2",
-    "@zag-js/progress": "1.12.2",
-    "@zag-js/qr-code": "1.12.2",
-    "@zag-js/radio-group": "1.12.2",
-    "@zag-js/rating-group": "1.12.2",
-    "@zag-js/react": "1.12.2",
-    "@zag-js/select": "1.12.2",
-    "@zag-js/signature-pad": "1.12.2",
-    "@zag-js/slider": "1.12.2",
-    "@zag-js/splitter": "1.12.2",
-    "@zag-js/steps": "1.12.2",
-    "@zag-js/switch": "1.12.2",
-    "@zag-js/tabs": "1.12.2",
-    "@zag-js/tags-input": "1.12.2",
-    "@zag-js/time-picker": "1.12.2",
-    "@zag-js/timer": "1.12.2",
-    "@zag-js/toast": "1.12.2",
-    "@zag-js/toggle": "1.12.2",
-    "@zag-js/toggle-group": "1.12.2",
-    "@zag-js/tooltip": "1.12.2",
-    "@zag-js/tour": "1.12.2",
-    "@zag-js/tree-view": "1.12.2",
-    "@zag-js/types": "1.12.2",
-    "@zag-js/utils": "1.12.2"
+    "@zag-js/accordion": "1.13.1",
+    "@zag-js/angle-slider": "1.13.1",
+    "@zag-js/anatomy": "1.13.1",
+    "@zag-js/auto-resize": "1.13.1",
+    "@zag-js/avatar": "1.13.1",
+    "@zag-js/carousel": "1.13.1",
+    "@zag-js/checkbox": "1.13.1",
+    "@zag-js/clipboard": "1.13.1",
+    "@zag-js/collapsible": "1.13.1",
+    "@zag-js/collection": "1.13.1",
+    "@zag-js/color-picker": "1.13.1",
+    "@zag-js/color-utils": "1.13.1",
+    "@zag-js/combobox": "1.13.1",
+    "@zag-js/core": "1.13.1",
+    "@zag-js/date-picker": "1.13.1",
+    "@zag-js/date-utils": "1.13.1",
+    "@zag-js/dialog": "1.13.1",
+    "@zag-js/dom-query": "1.13.1",
+    "@zag-js/editable": "1.13.1",
+    "@zag-js/file-upload": "1.13.1",
+    "@zag-js/file-utils": "1.13.1",
+    "@zag-js/focus-trap": "1.13.1",
+    "@zag-js/floating-panel": "1.13.1",
+    "@zag-js/highlight-word": "1.13.1",
+    "@zag-js/hover-card": "1.13.1",
+    "@zag-js/i18n-utils": "1.13.1",
+    "@zag-js/listbox": "1.13.1",
+    "@zag-js/menu": "1.13.1",
+    "@zag-js/number-input": "1.13.1",
+    "@zag-js/pagination": "1.13.1",
+    "@zag-js/password-input": "1.13.1",
+    "@zag-js/pin-input": "1.13.1",
+    "@zag-js/popover": "1.13.1",
+    "@zag-js/presence": "1.13.1",
+    "@zag-js/progress": "1.13.1",
+    "@zag-js/qr-code": "1.13.1",
+    "@zag-js/radio-group": "1.13.1",
+    "@zag-js/rating-group": "1.13.1",
+    "@zag-js/react": "1.13.1",
+    "@zag-js/select": "1.13.1",
+    "@zag-js/signature-pad": "1.13.1",
+    "@zag-js/slider": "1.13.1",
+    "@zag-js/splitter": "1.13.1",
+    "@zag-js/steps": "1.13.1",
+    "@zag-js/switch": "1.13.1",
+    "@zag-js/tabs": "1.13.1",
+    "@zag-js/tags-input": "1.13.1",
+    "@zag-js/time-picker": "1.13.1",
+    "@zag-js/timer": "1.13.1",
+    "@zag-js/toast": "1.13.1",
+    "@zag-js/toggle": "1.13.1",
+    "@zag-js/toggle-group": "1.13.1",
+    "@zag-js/tooltip": "1.13.1",
+    "@zag-js/tour": "1.13.1",
+    "@zag-js/tree-view": "1.13.1",
+    "@zag-js/types": "1.13.1",
+    "@zag-js/utils": "1.13.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -221,13 +223,14 @@
     "@types/react": "19.1.2",
     "@types/react-dom": "19.1.3",
     "@vitejs/plugin-react": "4.4.1",
-    "@zag-js/stringify-state": "1.12.2",
+    "@zag-js/stringify-state": "1.13.1",
     "clean-package": "2.2.0",
     "globby": "14.1.0",
     "happy-dom": "17.4.6",
     "lucide-react": "0.507.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",
+    "react-shadow": "20.6.0",
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.56.2",
     "resize-observer-polyfill": "1.5.1",