@ark-ui/vue 5.27.1 → 5.28.0

package/dist/utils/use-scope-id.js

@@ -0,0 +1,32 @@
+import { hasProp, isString } from '@zag-js/utils';
+import { getCurrentInstance } from 'vue';
+
+function hasVnodeScopeId(vnode) {
+  if (vnode === null || typeof vnode !== "object") return false;
+  const vnodeObj = vnode;
+  return hasProp(vnodeObj, "scopeId") && isString(vnodeObj.scopeId);
+}
+function hasTypeScopeId(type) {
+  if (type === null || typeof type !== "object") return false;
+  const typeObj = type;
+  return hasProp(typeObj, "__scopeId") && isString(typeObj.__scopeId);
+}
+function getScopeIdFromInstance(instance) {
+  if (hasVnodeScopeId(instance.vnode)) return instance.vnode.scopeId;
+  if (hasTypeScopeId(instance.type)) return instance.type.__scopeId;
+}
+function useScopeId() {
+  const instance = getCurrentInstance();
+  if (!instance) return;
+  let scopeId = getScopeIdFromInstance(instance);
+  if (!scopeId && instance.parent) {
+    let parent = instance.parent;
+    while (parent && !scopeId) {
+      scopeId = getScopeIdFromInstance(parent);
+      parent = parent.parent;
+    }
+  }
+  return scopeId;
+}
+
+export { useScopeId };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/vue",
   "type": "module",
-  "version": "5.27.1",
+  "version": "5.28.0",
   "description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -149,72 +149,73 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.27.0",
-    "@zag-js/anatomy": "1.27.0",
-    "@zag-js/angle-slider": "1.27.0",
-    "@zag-js/async-list": "1.27.0",
-    "@zag-js/auto-resize": "1.27.0",
-    "@zag-js/avatar": "1.27.0",
-    "@zag-js/bottom-sheet": "1.27.0",
-    "@zag-js/carousel": "1.27.0",
-    "@zag-js/checkbox": "1.27.0",
-    "@zag-js/clipboard": "1.27.0",
-    "@zag-js/collapsible": "1.27.0",
-    "@zag-js/collection": "1.27.0",
-    "@zag-js/color-picker": "1.27.0",
-    "@zag-js/color-utils": "1.27.0",
-    "@zag-js/combobox": "1.27.0",
-    "@zag-js/core": "1.27.0",
-    "@zag-js/date-picker": "1.27.0",
-    "@zag-js/date-utils": "1.27.0",
-    "@zag-js/dialog": "1.27.0",
-    "@zag-js/dom-query": "1.27.0",
-    "@zag-js/editable": "1.27.0",
-    "@zag-js/file-upload": "1.27.0",
-    "@zag-js/file-utils": "1.27.0",
-    "@zag-js/floating-panel": "1.27.0",
-    "@zag-js/focus-trap": "1.27.0",
-    "@zag-js/highlight-word": "1.27.0",
-    "@zag-js/hover-card": "1.27.0",
-    "@zag-js/i18n-utils": "1.27.0",
-    "@zag-js/json-tree-utils": "1.27.0",
-    "@zag-js/listbox": "1.27.0",
-    "@zag-js/marquee": "1.27.0",
-    "@zag-js/menu": "1.27.0",
-    "@zag-js/number-input": "1.27.0",
-    "@zag-js/pagination": "1.27.0",
-    "@zag-js/password-input": "1.27.0",
-    "@zag-js/pin-input": "1.27.0",
-    "@zag-js/popover": "1.27.0",
-    "@zag-js/presence": "1.27.0",
-    "@zag-js/progress": "1.27.0",
-    "@zag-js/qr-code": "1.27.0",
-    "@zag-js/radio-group": "1.27.0",
-    "@zag-js/rating-group": "1.27.0",
-    "@zag-js/scroll-area": "1.27.0",
-    "@zag-js/select": "1.27.0",
-    "@zag-js/signature-pad": "1.27.0",
-    "@zag-js/slider": "1.27.0",
-    "@zag-js/splitter": "1.27.0",
-    "@zag-js/steps": "1.27.0",
-    "@zag-js/switch": "1.27.0",
-    "@zag-js/tabs": "1.27.0",
-    "@zag-js/tags-input": "1.27.0",
-    "@zag-js/timer": "1.27.0",
-    "@zag-js/toast": "1.27.0",
-    "@zag-js/toggle": "1.27.0",
-    "@zag-js/toggle-group": "1.27.0",
-    "@zag-js/tooltip": "1.27.0",
-    "@zag-js/tour": "1.27.0",
-    "@zag-js/tree-view": "1.27.0",
-    "@zag-js/types": "1.27.0",
-    "@zag-js/utils": "1.27.0",
-    "@zag-js/vue": "1.27.0"
+    "@zag-js/accordion": "1.27.1",
+    "@zag-js/anatomy": "1.27.1",
+    "@zag-js/angle-slider": "1.27.1",
+    "@zag-js/async-list": "1.27.1",
+    "@zag-js/auto-resize": "1.27.1",
+    "@zag-js/avatar": "1.27.1",
+    "@zag-js/bottom-sheet": "1.27.1",
+    "@zag-js/carousel": "1.27.1",
+    "@zag-js/checkbox": "1.27.1",
+    "@zag-js/clipboard": "1.27.1",
+    "@zag-js/collapsible": "1.27.1",
+    "@zag-js/collection": "1.27.1",
+    "@zag-js/color-picker": "1.27.1",
+    "@zag-js/color-utils": "1.27.1",
+    "@zag-js/combobox": "1.27.1",
+    "@zag-js/core": "1.27.1",
+    "@zag-js/date-picker": "1.27.1",
+    "@zag-js/date-utils": "1.27.1",
+    "@zag-js/dialog": "1.27.1",
+    "@zag-js/dom-query": "1.27.1",
+    "@zag-js/editable": "1.27.1",
+    "@zag-js/file-upload": "1.27.1",
+    "@zag-js/file-utils": "1.27.1",
+    "@zag-js/floating-panel": "1.27.1",
+    "@zag-js/focus-trap": "1.27.1",
+    "@zag-js/highlight-word": "1.27.1",
+    "@zag-js/hover-card": "1.27.1",
+    "@zag-js/image-cropper": "1.27.1",
+    "@zag-js/i18n-utils": "1.27.1",
+    "@zag-js/json-tree-utils": "1.27.1",
+    "@zag-js/listbox": "1.27.1",
+    "@zag-js/marquee": "1.27.1",
+    "@zag-js/menu": "1.27.1",
+    "@zag-js/number-input": "1.27.1",
+    "@zag-js/pagination": "1.27.1",
+    "@zag-js/password-input": "1.27.1",
+    "@zag-js/pin-input": "1.27.1",
+    "@zag-js/popover": "1.27.1",
+    "@zag-js/presence": "1.27.1",
+    "@zag-js/progress": "1.27.1",
+    "@zag-js/qr-code": "1.27.1",
+    "@zag-js/radio-group": "1.27.1",
+    "@zag-js/rating-group": "1.27.1",
+    "@zag-js/scroll-area": "1.27.1",
+    "@zag-js/select": "1.27.1",
+    "@zag-js/signature-pad": "1.27.1",
+    "@zag-js/slider": "1.27.1",
+    "@zag-js/splitter": "1.27.1",
+    "@zag-js/steps": "1.27.1",
+    "@zag-js/switch": "1.27.1",
+    "@zag-js/tabs": "1.27.1",
+    "@zag-js/tags-input": "1.27.1",
+    "@zag-js/timer": "1.27.1",
+    "@zag-js/toast": "1.27.1",
+    "@zag-js/toggle": "1.27.1",
+    "@zag-js/toggle-group": "1.27.1",
+    "@zag-js/tooltip": "1.27.1",
+    "@zag-js/tour": "1.27.1",
+    "@zag-js/tree-view": "1.27.1",
+    "@zag-js/types": "1.27.1",
+    "@zag-js/utils": "1.27.1",
+    "@zag-js/vue": "1.27.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.1",
-    "@storybook/addon-a11y": "9.1.15",
-    "@storybook/vue3-vite": "9.1.15",
+    "@biomejs/biome": "2.3.4",
+    "@storybook/addon-a11y": "9.1.16",
+    "@storybook/vue3-vite": "9.1.16",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/user-event": "14.6.1",
@@ -223,23 +224,23 @@
     "@vitejs/plugin-vue": "6.0.1",
     "@vitejs/plugin-vue-jsx": "5.1.1",
     "@vitest/coverage-v8": "3.2.4",
-    "@vue/compiler-sfc": "3.5.22",
+    "@vue/compiler-sfc": "3.5.24",
     "ajv": "8.17.1",
     "check-password-strength": "3.0.0",
     "clean-package": "2.2.0",
     "globby": "15.0.0",
     "image-conversion": "2.1.1",
     "jsdom": "26.1.0",
-    "lucide-vue-next": "0.548.0",
+    "lucide-vue-next": "0.553.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "9.1.15",
+    "storybook": "9.1.16",
     "typescript": "5.9.3",
     "vee-validate": "4.15.1",
-    "vite": "7.1.12",
+    "vite": "7.2.2",
     "vite-plugin-dts": "4.5.4",
     "vitest": "3.2.4",
-    "vue": "3.5.22",
-    "vue-tsc": "3.1.2"
+    "vue": "3.5.24",
+    "vue-tsc": "3.1.3"
   },
   "peerDependencies": {
     "vue": ">=3.5.0"