reka-ui 2.1.0 → 2.2.0

package/dist/DropdownMenu/DropdownMenuSub.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSub.js","sources":["../../src/DropdownMenu/DropdownMenuSub.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { MenuSubEmits, MenuSubProps } from '@/Menu'\nimport type { Ref } from 'vue'\n\nexport type DropdownMenuSubEmits = MenuSubEmits\nexport interface DropdownMenuSubProps extends MenuSubProps {\n  /** The open state of the dropdown menu when it is initially rendered. Use when you do not need to control its open state. */\n  defaultOpen?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { useVModel } from '@vueuse/core'\nimport { MenuSub } from '@/Menu'\nimport { useForwardExpose } from '@/shared'\n\nconst props = withDefaults(defineProps<DropdownMenuSubProps>(), {\n  open: undefined,\n})\nconst emit = defineEmits<DropdownMenuSubEmits>()\n\ndefineSlots<{\n  default: (props: {\n    /** Current open state */\n    open: typeof open.value\n  }) => any\n}>()\n\nconst open = useVModel(props, 'open', emit, {\n  passive: (props.open === undefined) as false,\n  defaultValue: props.defaultOpen ?? false,\n}) as Ref<boolean>\n\nuseForwardExpose()\n</script>\n\n<template>\n  <MenuSub v-model:open=\"open\">\n    <slot :open=\"open\" />\n  </MenuSub>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAGd,IAAA,MAAM,IAAO,GAAA,MAAA;AASb,IAAA,MAAM,IAAO,GAAA,SAAA,CAAU,KAAO,EAAA,MAAA,EAAQ,IAAM,EAAA;AAAA,MAC1C,OAAA,EAAU,MAAM,IAAS,KAAA,SAAA;AAAA,MACzB,YAAA,EAAc,MAAM,WAAe,IAAA;AAAA,KACpC,CAAA;AAED,IAAiB,gBAAA,EAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DropdownMenuSub.js","sources":["../../src/DropdownMenu/DropdownMenuSub.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { MenuSubEmits, MenuSubProps } from '@/Menu'\nimport type { Ref } from 'vue'\n\nexport type DropdownMenuSubEmits = MenuSubEmits\nexport interface DropdownMenuSubProps extends MenuSubProps {\n  /** The open state of the dropdown menu when it is initially rendered. Use when you do not need to control its open state. */\n  defaultOpen?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { useVModel } from '@vueuse/core'\nimport { MenuSub } from '@/Menu'\nimport { useForwardExpose } from '@/shared'\n\nconst props = withDefaults(defineProps<DropdownMenuSubProps>(), {\n  open: undefined,\n})\nconst emit = defineEmits<DropdownMenuSubEmits>()\n\ndefineSlots<{\n  default: (props: {\n    /** Current open state */\n    open: typeof open.value\n  }) => any\n}>()\n\nconst open = useVModel(props, 'open', emit, {\n  passive: (props.open === undefined) as false,\n  defaultValue: props.defaultOpen ?? false,\n}) as Ref<boolean>\n\nuseForwardExpose()\n</script>\n\n<template>\n  <MenuSub v-model:open=\"open\">\n    <slot :open=\"open\" />\n  </MenuSub>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAGd,IAAA,MAAM,IAAO,GAAA,MAAA;AASb,IAAA,MAAM,IAAO,GAAA,SAAA,CAAU,KAAO,EAAA,MAAA,EAAQ,IAAM,EAAA;AAAA,MAC1C,OAAA,EAAU,MAAM,IAAS,KAAA,MAAA;AAAA,MACzB,YAAA,EAAc,MAAM,WAAe,IAAA;AAAA,KACpC,CAAA;AAED,IAAiB,gBAAA,EAAA;;;;;;;;;;;;;;;;;"}

package/dist/DropdownMenu/DropdownMenuSubContent.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { _ as _sfc_main$1 } from '../Menu/MenuSubContent.js';
 import '@floating-ui/vue';
 import { u as useForwardPropsEmits } from '../shared/useForwardPropsEmits.js';

package/dist/DropdownMenu/DropdownMenuSubTrigger.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
 import { _ as _sfc_main$1 } from '../Menu/MenuSubTrigger.js';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
 

package/dist/DropdownMenu/DropdownMenuTrigger.cjs

@@ -21,20 +21,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       rootContext.triggerElement = triggerElement;
     });
-    rootContext.triggerId ||= shared_useId.useId(undefined, "reka-dropdown-menu-trigger");
+    rootContext.triggerId ||= shared_useId.useId(void 0, "reka-dropdown-menu-trigger");
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(Menu_MenuAnchor._sfc_main), { "as-child": "" }, {
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(Primitive_Primitive.Primitive), {
             id: vue.unref(rootContext).triggerId,
             ref: vue.unref(forwardRef),
-            type: _ctx.as === "button" ? "button" : undefined,
+            type: _ctx.as === "button" ? "button" : void 0,
             "as-child": props.asChild,
             as: _ctx.as,
             "aria-haspopup": "menu",
             "aria-expanded": vue.unref(rootContext).open.value,
-            "aria-controls": vue.unref(rootContext).open.value ? vue.unref(rootContext).contentId : undefined,
-            "data-disabled": _ctx.disabled ? "" : undefined,
+            "aria-controls": vue.unref(rootContext).open.value ? vue.unref(rootContext).contentId : void 0,
+            "data-disabled": _ctx.disabled ? "" : void 0,
             disabled: _ctx.disabled,
             "data-state": vue.unref(rootContext).open.value ? "open" : "closed",
             onClick: _cache[0] || (_cache[0] = async (event) => {

package/dist/DropdownMenu/DropdownMenuTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.cjs","sources":["../../src/DropdownMenu/DropdownMenuTrigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useForwardExpose, useId } from '@/shared'\n\nexport interface DropdownMenuTriggerProps extends PrimitiveProps {\n  /** When `true`, prevents the user from interacting with item */\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { nextTick, onMounted } from 'vue'\nimport { injectDropdownMenuRootContext } from './DropdownMenuRoot.vue'\nimport {\n  Primitive,\n} from '@/Primitive'\nimport { MenuAnchor } from '@/Menu'\n\nconst props = withDefaults(defineProps<DropdownMenuTriggerProps>(), {\n  as: 'button',\n})\n\nconst rootContext = injectDropdownMenuRootContext()\n\nconst { forwardRef, currentElement: triggerElement } = useForwardExpose()\n\nonMounted(() => {\n  rootContext.triggerElement = triggerElement\n})\n\nrootContext.triggerId ||= useId(undefined, 'reka-dropdown-menu-trigger')\n</script>\n\n<template>\n  <MenuAnchor as-child>\n    <Primitive\n      :id=\"rootContext.triggerId\"\n      :ref=\"forwardRef\"\n      :type=\"as === 'button' ? 'button' : undefined\"\n      :as-child=\"props.asChild\"\n      :as=\"as\"\n      aria-haspopup=\"menu\"\n      :aria-expanded=\"rootContext.open.value\"\n      :aria-controls=\"rootContext.open.value ? rootContext.contentId : undefined\"\n      :data-disabled=\"disabled ? '' : undefined\"\n      :disabled=\"disabled\"\n      :data-state=\"rootContext.open.value ? 'open' : 'closed'\"\n      @click=\"\n        async (event) => {\n          // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n          // but not when the control key is pressed (avoiding MacOS right click)\n          if (!disabled && event.button === 0 && event.ctrlKey === false) {\n            rootContext?.onOpenToggle();\n            await nextTick()\n            // prevent trigger focusing when opening\n            // this allows the content to be given focus without competition\n            if (rootContext.open.value) event.preventDefault();\n          }\n        }\n      \"\n      @keydown.enter.space.arrow-down=\"\n        (event) => {\n          if (disabled) return;\n          if (['Enter', ' '].includes(event.key)) rootContext.onOpenToggle();\n          if (event.key === 'ArrowDown') rootContext.onOpenChange(true);\n          // prevent keydown from scrolling window / first focused item to execute\n          // that keydown (inadvertently closing the menu)\n          if (['Enter', ' ', 'ArrowDown'].includes(event.key))\n            event.preventDefault();\n        }\n      \"\n    >\n      <slot />\n    </Primitive>\n  </MenuAnchor>\n</template>\n"],"names":["injectDropdownMenuRootContext","useForwardExpose","onMounted","useId"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,MAAM,cAAcA,2DAA8B,EAAA;AAElD,IAAA,MAAM,EAAE,UAAA,EAAY,cAAgB,EAAA,cAAA,KAAmBC,wCAAiB,EAAA;AAExE,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,WAAA,CAAY,cAAiB,GAAA,cAAA;AAAA,KAC9B,CAAA;AAED,IAAY,WAAA,CAAA,SAAA,KAAcC,kBAAM,CAAA,SAAA,EAAW,4BAA4B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DropdownMenuTrigger.cjs","sources":["../../src/DropdownMenu/DropdownMenuTrigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useForwardExpose, useId } from '@/shared'\n\nexport interface DropdownMenuTriggerProps extends PrimitiveProps {\n  /** When `true`, prevents the user from interacting with item */\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { nextTick, onMounted } from 'vue'\nimport { injectDropdownMenuRootContext } from './DropdownMenuRoot.vue'\nimport {\n  Primitive,\n} from '@/Primitive'\nimport { MenuAnchor } from '@/Menu'\n\nconst props = withDefaults(defineProps<DropdownMenuTriggerProps>(), {\n  as: 'button',\n})\n\nconst rootContext = injectDropdownMenuRootContext()\n\nconst { forwardRef, currentElement: triggerElement } = useForwardExpose()\n\nonMounted(() => {\n  rootContext.triggerElement = triggerElement\n})\n\nrootContext.triggerId ||= useId(undefined, 'reka-dropdown-menu-trigger')\n</script>\n\n<template>\n  <MenuAnchor as-child>\n    <Primitive\n      :id=\"rootContext.triggerId\"\n      :ref=\"forwardRef\"\n      :type=\"as === 'button' ? 'button' : undefined\"\n      :as-child=\"props.asChild\"\n      :as=\"as\"\n      aria-haspopup=\"menu\"\n      :aria-expanded=\"rootContext.open.value\"\n      :aria-controls=\"rootContext.open.value ? rootContext.contentId : undefined\"\n      :data-disabled=\"disabled ? '' : undefined\"\n      :disabled=\"disabled\"\n      :data-state=\"rootContext.open.value ? 'open' : 'closed'\"\n      @click=\"\n        async (event) => {\n          // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n          // but not when the control key is pressed (avoiding MacOS right click)\n          if (!disabled && event.button === 0 && event.ctrlKey === false) {\n            rootContext?.onOpenToggle();\n            await nextTick()\n            // prevent trigger focusing when opening\n            // this allows the content to be given focus without competition\n            if (rootContext.open.value) event.preventDefault();\n          }\n        }\n      \"\n      @keydown.enter.space.arrow-down=\"\n        (event) => {\n          if (disabled) return;\n          if (['Enter', ' '].includes(event.key)) rootContext.onOpenToggle();\n          if (event.key === 'ArrowDown') rootContext.onOpenChange(true);\n          // prevent keydown from scrolling window / first focused item to execute\n          // that keydown (inadvertently closing the menu)\n          if (['Enter', ' ', 'ArrowDown'].includes(event.key))\n            event.preventDefault();\n        }\n      \"\n    >\n      <slot />\n    </Primitive>\n  </MenuAnchor>\n</template>\n"],"names":["injectDropdownMenuRootContext","useForwardExpose","onMounted","useId"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,MAAM,cAAcA,2DAA8B,EAAA;AAElD,IAAA,MAAM,EAAE,UAAA,EAAY,cAAgB,EAAA,cAAA,KAAmBC,wCAAiB,EAAA;AAExE,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,WAAA,CAAY,cAAiB,GAAA,cAAA;AAAA,KAC9B,CAAA;AAED,IAAY,WAAA,CAAA,SAAA,KAAcC,kBAAM,CAAA,MAAA,EAAW,4BAA4B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/DropdownMenu/DropdownMenuTrigger.js

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, openBlock, createBlock, unref, withCtx, createVNode, nextTick, withKeys, renderSlot } from 'vue';
+import { defineComponent, onMounted, createBlock, openBlock, unref, withCtx, createVNode, withKeys, nextTick, renderSlot } from 'vue';
 import { _ as _sfc_main$1 } from '../Menu/MenuAnchor.js';
 import { i as injectDropdownMenuRootContext } from './DropdownMenuRoot.js';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
@@ -19,20 +19,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       rootContext.triggerElement = triggerElement;
     });
-    rootContext.triggerId ||= useId(undefined, "reka-dropdown-menu-trigger");
+    rootContext.triggerId ||= useId(void 0, "reka-dropdown-menu-trigger");
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), { "as-child": "" }, {
         default: withCtx(() => [
           createVNode(unref(Primitive), {
             id: unref(rootContext).triggerId,
             ref: unref(forwardRef),
-            type: _ctx.as === "button" ? "button" : undefined,
+            type: _ctx.as === "button" ? "button" : void 0,
             "as-child": props.asChild,
             as: _ctx.as,
             "aria-haspopup": "menu",
             "aria-expanded": unref(rootContext).open.value,
-            "aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : undefined,
-            "data-disabled": _ctx.disabled ? "" : undefined,
+            "aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
+            "data-disabled": _ctx.disabled ? "" : void 0,
             disabled: _ctx.disabled,
             "data-state": unref(rootContext).open.value ? "open" : "closed",
             onClick: _cache[0] || (_cache[0] = async (event) => {

package/dist/DropdownMenu/DropdownMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.js","sources":["../../src/DropdownMenu/DropdownMenuTrigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useForwardExpose, useId } from '@/shared'\n\nexport interface DropdownMenuTriggerProps extends PrimitiveProps {\n  /** When `true`, prevents the user from interacting with item */\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { nextTick, onMounted } from 'vue'\nimport { injectDropdownMenuRootContext } from './DropdownMenuRoot.vue'\nimport {\n  Primitive,\n} from '@/Primitive'\nimport { MenuAnchor } from '@/Menu'\n\nconst props = withDefaults(defineProps<DropdownMenuTriggerProps>(), {\n  as: 'button',\n})\n\nconst rootContext = injectDropdownMenuRootContext()\n\nconst { forwardRef, currentElement: triggerElement } = useForwardExpose()\n\nonMounted(() => {\n  rootContext.triggerElement = triggerElement\n})\n\nrootContext.triggerId ||= useId(undefined, 'reka-dropdown-menu-trigger')\n</script>\n\n<template>\n  <MenuAnchor as-child>\n    <Primitive\n      :id=\"rootContext.triggerId\"\n      :ref=\"forwardRef\"\n      :type=\"as === 'button' ? 'button' : undefined\"\n      :as-child=\"props.asChild\"\n      :as=\"as\"\n      aria-haspopup=\"menu\"\n      :aria-expanded=\"rootContext.open.value\"\n      :aria-controls=\"rootContext.open.value ? rootContext.contentId : undefined\"\n      :data-disabled=\"disabled ? '' : undefined\"\n      :disabled=\"disabled\"\n      :data-state=\"rootContext.open.value ? 'open' : 'closed'\"\n      @click=\"\n        async (event) => {\n          // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n          // but not when the control key is pressed (avoiding MacOS right click)\n          if (!disabled && event.button === 0 && event.ctrlKey === false) {\n            rootContext?.onOpenToggle();\n            await nextTick()\n            // prevent trigger focusing when opening\n            // this allows the content to be given focus without competition\n            if (rootContext.open.value) event.preventDefault();\n          }\n        }\n      \"\n      @keydown.enter.space.arrow-down=\"\n        (event) => {\n          if (disabled) return;\n          if (['Enter', ' '].includes(event.key)) rootContext.onOpenToggle();\n          if (event.key === 'ArrowDown') rootContext.onOpenChange(true);\n          // prevent keydown from scrolling window / first focused item to execute\n          // that keydown (inadvertently closing the menu)\n          if (['Enter', ' ', 'ArrowDown'].includes(event.key))\n            event.preventDefault();\n        }\n      \"\n    >\n      <slot />\n    </Primitive>\n  </MenuAnchor>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,MAAM,cAAc,6BAA8B,EAAA;AAElD,IAAA,MAAM,EAAE,UAAA,EAAY,cAAgB,EAAA,cAAA,KAAmB,gBAAiB,EAAA;AAExE,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,WAAA,CAAY,cAAiB,GAAA,cAAA;AAAA,KAC9B,CAAA;AAED,IAAY,WAAA,CAAA,SAAA,KAAc,KAAM,CAAA,SAAA,EAAW,4BAA4B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DropdownMenuTrigger.js","sources":["../../src/DropdownMenu/DropdownMenuTrigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useForwardExpose, useId } from '@/shared'\n\nexport interface DropdownMenuTriggerProps extends PrimitiveProps {\n  /** When `true`, prevents the user from interacting with item */\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { nextTick, onMounted } from 'vue'\nimport { injectDropdownMenuRootContext } from './DropdownMenuRoot.vue'\nimport {\n  Primitive,\n} from '@/Primitive'\nimport { MenuAnchor } from '@/Menu'\n\nconst props = withDefaults(defineProps<DropdownMenuTriggerProps>(), {\n  as: 'button',\n})\n\nconst rootContext = injectDropdownMenuRootContext()\n\nconst { forwardRef, currentElement: triggerElement } = useForwardExpose()\n\nonMounted(() => {\n  rootContext.triggerElement = triggerElement\n})\n\nrootContext.triggerId ||= useId(undefined, 'reka-dropdown-menu-trigger')\n</script>\n\n<template>\n  <MenuAnchor as-child>\n    <Primitive\n      :id=\"rootContext.triggerId\"\n      :ref=\"forwardRef\"\n      :type=\"as === 'button' ? 'button' : undefined\"\n      :as-child=\"props.asChild\"\n      :as=\"as\"\n      aria-haspopup=\"menu\"\n      :aria-expanded=\"rootContext.open.value\"\n      :aria-controls=\"rootContext.open.value ? rootContext.contentId : undefined\"\n      :data-disabled=\"disabled ? '' : undefined\"\n      :disabled=\"disabled\"\n      :data-state=\"rootContext.open.value ? 'open' : 'closed'\"\n      @click=\"\n        async (event) => {\n          // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n          // but not when the control key is pressed (avoiding MacOS right click)\n          if (!disabled && event.button === 0 && event.ctrlKey === false) {\n            rootContext?.onOpenToggle();\n            await nextTick()\n            // prevent trigger focusing when opening\n            // this allows the content to be given focus without competition\n            if (rootContext.open.value) event.preventDefault();\n          }\n        }\n      \"\n      @keydown.enter.space.arrow-down=\"\n        (event) => {\n          if (disabled) return;\n          if (['Enter', ' '].includes(event.key)) rootContext.onOpenToggle();\n          if (event.key === 'ArrowDown') rootContext.onOpenChange(true);\n          // prevent keydown from scrolling window / first focused item to execute\n          // that keydown (inadvertently closing the menu)\n          if (['Enter', ' ', 'ArrowDown'].includes(event.key))\n            event.preventDefault();\n        }\n      \"\n    >\n      <slot />\n    </Primitive>\n  </MenuAnchor>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,MAAM,cAAc,6BAA8B,EAAA;AAElD,IAAA,MAAM,EAAE,UAAA,EAAY,cAAgB,EAAA,cAAA,KAAmB,gBAAiB,EAAA;AAExE,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,WAAA,CAAY,cAAiB,GAAA,cAAA;AAAA,KAC9B,CAAA;AAED,IAAY,WAAA,CAAA,SAAA,KAAc,KAAM,CAAA,MAAA,EAAW,4BAA4B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Editable/EditableArea.cjs

@@ -15,13 +15,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const context = Editable_EditableRoot.injectEditableRootContext();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps(props, {
-        "data-placeholder-shown": vue.unref(context).isEditing.value ? undefined : "",
-        "data-focus": vue.unref(context).isEditing.value ? "" : undefined,
-        "data-focused": vue.unref(context).isEditing.value ? "" : undefined,
-        "data-empty": vue.unref(context).isEmpty.value ? "" : undefined,
-        "data-readonly": vue.unref(context).readonly.value ? "" : undefined,
-        "data-disabled": vue.unref(context).disabled.value ? "" : undefined,
-        style: vue.unref(context).autoResize.value ? { display: "inline-grid" } : undefined
+        "data-placeholder-shown": vue.unref(context).isEditing.value ? void 0 : "",
+        "data-focus": vue.unref(context).isEditing.value ? "" : void 0,
+        "data-focused": vue.unref(context).isEditing.value ? "" : void 0,
+        "data-empty": vue.unref(context).isEmpty.value ? "" : void 0,
+        "data-readonly": vue.unref(context).readonly.value ? "" : void 0,
+        "data-disabled": vue.unref(context).disabled.value ? "" : void 0,
+        style: vue.unref(context).autoResize.value ? { display: "inline-grid" } : void 0
       }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")

package/dist/Editable/EditableArea.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { i as injectEditableRootContext } from './EditableRoot.js';
 import { P as Primitive } from '../Primitive/Primitive.js';
 
@@ -13,13 +13,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const context = injectEditableRootContext();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-        "data-placeholder-shown": unref(context).isEditing.value ? undefined : "",
-        "data-focus": unref(context).isEditing.value ? "" : undefined,
-        "data-focused": unref(context).isEditing.value ? "" : undefined,
-        "data-empty": unref(context).isEmpty.value ? "" : undefined,
-        "data-readonly": unref(context).readonly.value ? "" : undefined,
-        "data-disabled": unref(context).disabled.value ? "" : undefined,
-        style: unref(context).autoResize.value ? { display: "inline-grid" } : undefined
+        "data-placeholder-shown": unref(context).isEditing.value ? void 0 : "",
+        "data-focus": unref(context).isEditing.value ? "" : void 0,
+        "data-focused": unref(context).isEditing.value ? "" : void 0,
+        "data-empty": unref(context).isEmpty.value ? "" : void 0,
+        "data-readonly": unref(context).readonly.value ? "" : void 0,
+        "data-disabled": unref(context).disabled.value ? "" : void 0,
+        style: unref(context).autoResize.value ? { display: "inline-grid" } : void 0
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")

package/dist/Editable/EditableCancelTrigger.cjs

@@ -16,11 +16,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps(props, {
         "aria-label": "cancel",
-        "aria-disabled": vue.unref(context).disabled.value ? "" : undefined,
-        "data-disabled": vue.unref(context).disabled.value ? "" : undefined,
+        "aria-disabled": vue.unref(context).disabled.value ? "" : void 0,
+        "data-disabled": vue.unref(context).disabled.value ? "" : void 0,
         disabled: vue.unref(context).disabled.value,
-        type: _ctx.as === "button" ? "button" : undefined,
-        hidden: vue.unref(context).isEditing.value ? undefined : "",
+        type: _ctx.as === "button" ? "button" : void 0,
+        hidden: vue.unref(context).isEditing.value ? void 0 : "",
         onClick: vue.unref(context).cancel
       }), {
         default: vue.withCtx(() => [

package/dist/Editable/EditableCancelTrigger.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode } from 'vue';
 import { P as Primitive } from '../Primitive/Primitive.js';
 import { i as injectEditableRootContext } from './EditableRoot.js';
 
@@ -14,11 +14,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
         "aria-label": "cancel",
-        "aria-disabled": unref(context).disabled.value ? "" : undefined,
-        "data-disabled": unref(context).disabled.value ? "" : undefined,
+        "aria-disabled": unref(context).disabled.value ? "" : void 0,
+        "data-disabled": unref(context).disabled.value ? "" : void 0,
         disabled: unref(context).disabled.value,
-        type: _ctx.as === "button" ? "button" : undefined,
-        hidden: unref(context).isEditing.value ? undefined : "",
+        type: _ctx.as === "button" ? "button" : void 0,
+        hidden: unref(context).isEditing.value ? void 0 : "",
         onClick: unref(context).cancel
       }), {
         default: withCtx(() => [

package/dist/Editable/EditableEditTrigger.cjs

@@ -16,11 +16,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps(props, {
         "aria-label": "edit",
-        "aria-disabled": vue.unref(context).disabled.value ? "" : undefined,
-        "data-disabled": vue.unref(context).disabled.value ? "" : undefined,
+        "aria-disabled": vue.unref(context).disabled.value ? "" : void 0,
+        "data-disabled": vue.unref(context).disabled.value ? "" : void 0,
         disabled: vue.unref(context).disabled.value,
-        type: _ctx.as === "button" ? "button" : undefined,
-        hidden: vue.unref(context).isEditing.value ? "" : undefined,
+        type: _ctx.as === "button" ? "button" : void 0,
+        hidden: vue.unref(context).isEditing.value ? "" : void 0,
         onClick: vue.unref(context).edit
       }), {
         default: vue.withCtx(() => [

package/dist/Editable/EditableEditTrigger.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode } from 'vue';
 import { P as Primitive } from '../Primitive/Primitive.js';
 import { i as injectEditableRootContext } from './EditableRoot.js';
 
@@ -14,11 +14,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
         "aria-label": "edit",
-        "aria-disabled": unref(context).disabled.value ? "" : undefined,
-        "data-disabled": unref(context).disabled.value ? "" : undefined,
+        "aria-disabled": unref(context).disabled.value ? "" : void 0,
+        "data-disabled": unref(context).disabled.value ? "" : void 0,
         disabled: unref(context).disabled.value,
-        type: _ctx.as === "button" ? "button" : undefined,
-        hidden: unref(context).isEditing.value ? "" : undefined,
+        type: _ctx.as === "button" ? "button" : void 0,
+        hidden: unref(context).isEditing.value ? "" : void 0,
         onClick: unref(context).edit
       }), {
         default: withCtx(() => [

package/dist/Editable/EditableInput.cjs

@@ -49,12 +49,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         placeholder: placeholder.value,
         disabled: disabled.value,
         maxlength: vue.unref(context).maxLength.value,
-        "data-disabled": disabled.value ? "" : undefined,
-        "data-readonly": vue.unref(context).readonly.value ? "" : undefined,
+        "data-disabled": disabled.value ? "" : void 0,
+        "data-readonly": vue.unref(context).readonly.value ? "" : void 0,
         readonly: vue.unref(context).readonly.value,
         "aria-label": "editable input",
-        hidden: vue.unref(context).autoResize.value ? undefined : !vue.unref(context).isEditing.value,
-        style: vue.unref(context).autoResize.value ? { all: "unset", gridArea: "1 / 1 / auto / auto", visibility: !vue.unref(context).isEditing.value ? "hidden" : undefined } : undefined,
+        hidden: vue.unref(context).autoResize.value ? void 0 : !vue.unref(context).isEditing.value,
+        style: vue.unref(context).autoResize.value ? { all: "unset", gridArea: "1 / 1 / auto / auto", visibility: !vue.unref(context).isEditing.value ? "hidden" : void 0 } : void 0,
         onInput: _cache[0] || (_cache[0] = ($event) => vue.unref(context).inputValue.value = $event.target.value),
         onKeydown: [
           vue.withKeys(handleSubmitKeyDown, ["enter", "space"]),

package/dist/Editable/EditableInput.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, onMounted, watch, nextTick, openBlock, createBlock, unref, mergeProps, withKeys, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, onMounted, watch, nextTick, createBlock, openBlock, unref, mergeProps, withKeys, withCtx, renderSlot } from 'vue';
 import { u as usePrimitiveElement } from '../Primitive/usePrimitiveElement.js';
 import { P as Primitive } from '../Primitive/Primitive.js';
 import { u as useKbd } from '../shared/useKbd.js';
@@ -47,12 +47,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         placeholder: placeholder.value,
         disabled: disabled.value,
         maxlength: unref(context).maxLength.value,
-        "data-disabled": disabled.value ? "" : undefined,
-        "data-readonly": unref(context).readonly.value ? "" : undefined,
+        "data-disabled": disabled.value ? "" : void 0,
+        "data-readonly": unref(context).readonly.value ? "" : void 0,
         readonly: unref(context).readonly.value,
         "aria-label": "editable input",
-        hidden: unref(context).autoResize.value ? undefined : !unref(context).isEditing.value,
-        style: unref(context).autoResize.value ? { all: "unset", gridArea: "1 / 1 / auto / auto", visibility: !unref(context).isEditing.value ? "hidden" : undefined } : undefined,
+        hidden: unref(context).autoResize.value ? void 0 : !unref(context).isEditing.value,
+        style: unref(context).autoResize.value ? { all: "unset", gridArea: "1 / 1 / auto / auto", visibility: !unref(context).isEditing.value ? "hidden" : void 0 } : void 0,
         onInput: _cache[0] || (_cache[0] = ($event) => unref(context).inputValue.value = $event.target.value),
         onKeydown: [
           withKeys(handleSubmitKeyDown, ["enter", "space"]),

package/dist/Editable/EditablePreview.cjs

@@ -25,16 +25,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps(props, {
         tabindex: "0",
-        "data-placeholder-shown": vue.unref(context).isEditing.value ? undefined : "",
-        hidden: vue.unref(context).autoResize.value ? undefined : vue.unref(context).isEditing.value,
+        "data-placeholder-shown": vue.unref(context).isEditing.value ? void 0 : "",
+        hidden: vue.unref(context).autoResize.value ? void 0 : vue.unref(context).isEditing.value,
         style: vue.unref(context).autoResize.value ? {
           whiteSpace: "pre",
           userSelect: "none",
           gridArea: "1 / 1 / auto / auto",
-          visibility: vue.unref(context).isEditing.value ? "hidden" : undefined,
+          visibility: vue.unref(context).isEditing.value ? "hidden" : void 0,
           overflow: "hidden",
           textOverflow: "ellipsis"
-        } : undefined,
+        } : void 0,
         onFocusin: handleFocus,
         onDblclick: handleDoubleClick
       }), {

package/dist/Editable/EditablePreview.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import { P as Primitive } from '../Primitive/Primitive.js';
 import { i as injectEditableRootContext } from './EditableRoot.js';
 
@@ -23,16 +23,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
         tabindex: "0",
-        "data-placeholder-shown": unref(context).isEditing.value ? undefined : "",
-        hidden: unref(context).autoResize.value ? undefined : unref(context).isEditing.value,
+        "data-placeholder-shown": unref(context).isEditing.value ? void 0 : "",
+        hidden: unref(context).autoResize.value ? void 0 : unref(context).isEditing.value,
         style: unref(context).autoResize.value ? {
           whiteSpace: "pre",
           userSelect: "none",
           gridArea: "1 / 1 / auto / auto",
-          visibility: unref(context).isEditing.value ? "hidden" : undefined,
+          visibility: unref(context).isEditing.value ? "hidden" : void 0,
           overflow: "hidden",
           textOverflow: "ellipsis"
-        } : undefined,
+        } : void 0,
         onFocusin: handleFocus,
         onDblclick: handleDoubleClick
       }), {

package/dist/Editable/EditableRoot.cjs

@@ -3,12 +3,12 @@
 const vue = require('vue');
 const core = require('@vueuse/core');
 const DismissableLayer_utils = require('../DismissableLayer/utils.cjs');
+const shared_createContext = require('../shared/createContext.cjs');
 const shared_useDirection = require('../shared/useDirection.cjs');
 const Primitive_usePrimitiveElement = require('../Primitive/usePrimitiveElement.cjs');
 const shared_useFormControl = require('../shared/useFormControl.cjs');
 const Primitive_Primitive = require('../Primitive/Primitive.cjs');
 const VisuallyHidden_VisuallyHiddenInput = require('../VisuallyHidden/VisuallyHiddenInput.cjs');
-const shared_createContext = require('../shared/createContext.cjs');
 
 const [injectEditableRootContext, provideEditableRootContext] = shared_createContext.createContext("EditableRoot");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const isEditing = vue.ref(startWithEditMode.value ?? false);
     const modelValue = core.useVModel(props, "modelValue", emits, {
       defaultValue: defaultValue.value ?? "",
-      passive: props.modelValue === undefined
+      passive: props.modelValue === void 0
     });
     const { primitiveElement, currentElement } = Primitive_usePrimitiveElement.usePrimitiveElement();
     const isFormControl = shared_useFormControl.useFormControl(currentElement);

package/dist/Editable/EditableRoot.js

@@ -1,12 +1,12 @@
-import { defineComponent, toRefs, ref, computed, watch, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode } from 'vue';
+import { defineComponent, toRefs, ref, computed, watch, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode } from 'vue';
 import { useVModel } from '@vueuse/core';
 import { u as usePointerDownOutside, a as useFocusOutside } from '../DismissableLayer/utils.js';
+import { c as createContext } from '../shared/createContext.js';
 import { u as useDirection } from '../shared/useDirection.js';
 import { u as usePrimitiveElement } from '../Primitive/usePrimitiveElement.js';
 import { u as useFormControl } from '../shared/useFormControl.js';
 import { P as Primitive } from '../Primitive/Primitive.js';
 import { _ as _sfc_main$1 } from '../VisuallyHidden/VisuallyHiddenInput.js';
-import { c as createContext } from '../shared/createContext.js';
 
 const [injectEditableRootContext, provideEditableRootContext] = createContext("EditableRoot");
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -58,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isEditing = ref(startWithEditMode.value ?? false);
     const modelValue = useVModel(props, "modelValue", emits, {
       defaultValue: defaultValue.value ?? "",
-      passive: props.modelValue === undefined
+      passive: props.modelValue === void 0
     });
     const { primitiveElement, currentElement } = usePrimitiveElement();
     const isFormControl = useFormControl(currentElement);

package/dist/Editable/EditableSubmitTrigger.cjs

@@ -16,11 +16,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps(props, {
         "aria-label": "submit",
-        "aria-disabled": vue.unref(context).disabled.value ? "" : undefined,
-        "data-disabled": vue.unref(context).disabled.value ? "" : undefined,
+        "aria-disabled": vue.unref(context).disabled.value ? "" : void 0,
+        "data-disabled": vue.unref(context).disabled.value ? "" : void 0,
         disabled: vue.unref(context).disabled.value,
-        type: _ctx.as === "button" ? "button" : undefined,
-        hidden: vue.unref(context).isEditing.value ? undefined : "",
+        type: _ctx.as === "button" ? "button" : void 0,
+        hidden: vue.unref(context).isEditing.value ? void 0 : "",
         onClick: vue.unref(context).submit
       }), {
         default: vue.withCtx(() => [

package/dist/Editable/EditableSubmitTrigger.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode } from 'vue';
 import { P as Primitive } from '../Primitive/Primitive.js';
 import { i as injectEditableRootContext } from './EditableRoot.js';
 
@@ -14,11 +14,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
         "aria-label": "submit",
-        "aria-disabled": unref(context).disabled.value ? "" : undefined,
-        "data-disabled": unref(context).disabled.value ? "" : undefined,
+        "aria-disabled": unref(context).disabled.value ? "" : void 0,
+        "data-disabled": unref(context).disabled.value ? "" : void 0,
         disabled: unref(context).disabled.value,
-        type: _ctx.as === "button" ? "button" : undefined,
-        hidden: unref(context).isEditing.value ? undefined : "",
+        type: _ctx.as === "button" ? "button" : void 0,
+        hidden: unref(context).isEditing.value ? void 0 : "",
         onClick: unref(context).submit
       }), {
         default: withCtx(() => [

package/dist/FocusScope/FocusScope.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, watchEffect, nextTick, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
+import { defineComponent, ref, reactive, watchEffect, nextTick, createBlock, openBlock, unref, withCtx, renderSlot } from 'vue';
 import { isClient } from '@vueuse/shared';
 import { A as AUTOFOCUS_ON_MOUNT, f as focusFirst, g as getTabbableCandidates, a as focus, b as AUTOFOCUS_ON_UNMOUNT, E as EVENT_OPTIONS, c as getTabbableEdges } from './utils.js';
 import { c as createFocusScopesStack, r as removeLinks } from './stack.js';

package/dist/FocusScope/utils.cjs

@@ -42,7 +42,7 @@ function isHidden(node, { upTo }) {
   if (getComputedStyle(node).visibility === "hidden")
     return true;
   while (node) {
-    if (upTo !== undefined && node === upTo)
+    if (upTo !== void 0 && node === upTo)
       return false;
     if (getComputedStyle(node).display === "none")
       return true;

package/dist/FocusScope/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../src/FocusScope/utils.ts"],"sourcesContent":["import { getActiveElement } from '@/shared'\n\nexport const AUTOFOCUS_ON_MOUNT = 'focusScope.autoFocusOnMount'\nexport const AUTOFOCUS_ON_UNMOUNT = 'focusScope.autoFocusOnUnmount'\nexport const EVENT_OPTIONS = { bubbles: false, cancelable: true }\n\ntype FocusableTarget = HTMLElement | { focus: () => void }\n\n/**\n * Attempts focusing the first element in a list of candidates.\n * Stops when focus has actually moved.\n */\nexport function focusFirst(candidates: HTMLElement[], { select = false } = {}) {\n  const previouslyFocusedElement = getActiveElement()\n  for (const candidate of candidates) {\n    focus(candidate, { select })\n    if (getActiveElement() !== previouslyFocusedElement)\n      return true\n  }\n}\n\n/**\n * Returns the first and last tabbable elements inside a container.\n */\nexport function getTabbableEdges(container: HTMLElement) {\n  const candidates = getTabbableCandidates(container)\n  const first = findVisible(candidates, container)\n  const last = findVisible(candidates.reverse(), container)\n  return [first, last] as const\n}\n\n/**\n * Returns a list of potential tabbable candidates.\n *\n * NOTE: This is only a close approximation. For example it doesn't take into account cases like when\n * elements are not visible. This cannot be worked out easily by just reading a property, but rather\n * necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1\n */\nexport function getTabbableCandidates(container: HTMLElement) {\n  const nodes: HTMLElement[] = []\n  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: (node: any) => {\n      const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden'\n      if (node.disabled || node.hidden || isHiddenInput)\n        return NodeFilter.FILTER_SKIP\n      // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n      // runtime's understanding of tabbability, so this automatically accounts\n      // for any kind of element that could be tabbed to.\n      return node.tabIndex >= 0\n        ? NodeFilter.FILTER_ACCEPT\n        : NodeFilter.FILTER_SKIP\n    },\n  })\n  while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement)\n  // we do not take into account the order of nodes with positive `tabIndex` as it\n  // hinders accessibility to have tab order different from visual order.\n  return nodes\n}\n\n/**\n * Returns the first visible element in a list.\n * NOTE: Only checks visibility up to the `container`.\n */\nexport function findVisible(elements: HTMLElement[], container: HTMLElement) {\n  for (const element of elements) {\n    // we stop checking if it's hidden at the `container` level (excluding)\n    if (!isHidden(element, { upTo: container }))\n      return element\n  }\n}\n\nexport function isHidden(node: HTMLElement, { upTo }: { upTo?: HTMLElement }) {\n  if (getComputedStyle(node).visibility === 'hidden')\n    return true\n  while (node) {\n    // we stop at `upTo` (excluding it)\n    if (upTo !== undefined && node === upTo)\n      return false\n    if (getComputedStyle(node).display === 'none')\n      return true\n    node = node.parentElement as HTMLElement\n  }\n  return false\n}\n\nexport function isSelectableInput(\n  element: any,\n): element is FocusableTarget & { select: () => void } {\n  return element instanceof HTMLInputElement && 'select' in element\n}\n\nexport function focus(\n  element?: FocusableTarget | null,\n  { select = false } = {},\n) {\n  // only focus if that element is focusable\n  if (element && element.focus) {\n    const previouslyFocusedElement = getActiveElement()\n    // NOTE: we prevent scrolling on focus, to minimize jarring transitions for users\n    element.focus({ preventScroll: true })\n    // only select if its not the same element, it supports selection and we need to select\n    if (\n      element !== previouslyFocusedElement\n      && isSelectableInput(element)\n      && select\n    ) {\n      element.select()\n    }\n  }\n}\n"],"names":["getActiveElement"],"mappings":"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"}
+{"version":3,"file":"utils.cjs","sources":["../../src/FocusScope/utils.ts"],"sourcesContent":["import { getActiveElement } from '@/shared'\n\nexport const AUTOFOCUS_ON_MOUNT = 'focusScope.autoFocusOnMount'\nexport const AUTOFOCUS_ON_UNMOUNT = 'focusScope.autoFocusOnUnmount'\nexport const EVENT_OPTIONS = { bubbles: false, cancelable: true }\n\ntype FocusableTarget = HTMLElement | { focus: () => void }\n\n/**\n * Attempts focusing the first element in a list of candidates.\n * Stops when focus has actually moved.\n */\nexport function focusFirst(candidates: HTMLElement[], { select = false } = {}) {\n  const previouslyFocusedElement = getActiveElement()\n  for (const candidate of candidates) {\n    focus(candidate, { select })\n    if (getActiveElement() !== previouslyFocusedElement)\n      return true\n  }\n}\n\n/**\n * Returns the first and last tabbable elements inside a container.\n */\nexport function getTabbableEdges(container: HTMLElement) {\n  const candidates = getTabbableCandidates(container)\n  const first = findVisible(candidates, container)\n  const last = findVisible(candidates.reverse(), container)\n  return [first, last] as const\n}\n\n/**\n * Returns a list of potential tabbable candidates.\n *\n * NOTE: This is only a close approximation. For example it doesn't take into account cases like when\n * elements are not visible. This cannot be worked out easily by just reading a property, but rather\n * necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1\n */\nexport function getTabbableCandidates(container: HTMLElement) {\n  const nodes: HTMLElement[] = []\n  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: (node: any) => {\n      const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden'\n      if (node.disabled || node.hidden || isHiddenInput)\n        return NodeFilter.FILTER_SKIP\n      // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n      // runtime's understanding of tabbability, so this automatically accounts\n      // for any kind of element that could be tabbed to.\n      return node.tabIndex >= 0\n        ? NodeFilter.FILTER_ACCEPT\n        : NodeFilter.FILTER_SKIP\n    },\n  })\n  while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement)\n  // we do not take into account the order of nodes with positive `tabIndex` as it\n  // hinders accessibility to have tab order different from visual order.\n  return nodes\n}\n\n/**\n * Returns the first visible element in a list.\n * NOTE: Only checks visibility up to the `container`.\n */\nexport function findVisible(elements: HTMLElement[], container: HTMLElement) {\n  for (const element of elements) {\n    // we stop checking if it's hidden at the `container` level (excluding)\n    if (!isHidden(element, { upTo: container }))\n      return element\n  }\n}\n\nexport function isHidden(node: HTMLElement, { upTo }: { upTo?: HTMLElement }) {\n  if (getComputedStyle(node).visibility === 'hidden')\n    return true\n  while (node) {\n    // we stop at `upTo` (excluding it)\n    if (upTo !== undefined && node === upTo)\n      return false\n    if (getComputedStyle(node).display === 'none')\n      return true\n    node = node.parentElement as HTMLElement\n  }\n  return false\n}\n\nexport function isSelectableInput(\n  element: any,\n): element is FocusableTarget & { select: () => void } {\n  return element instanceof HTMLInputElement && 'select' in element\n}\n\nexport function focus(\n  element?: FocusableTarget | null,\n  { select = false } = {},\n) {\n  // only focus if that element is focusable\n  if (element && element.focus) {\n    const previouslyFocusedElement = getActiveElement()\n    // NOTE: we prevent scrolling on focus, to minimize jarring transitions for users\n    element.focus({ preventScroll: true })\n    // only select if its not the same element, it supports selection and we need to select\n    if (\n      element !== previouslyFocusedElement\n      && isSelectableInput(element)\n      && select\n    ) {\n      element.select()\n    }\n  }\n}\n"],"names":["getActiveElement"],"mappings":"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"}

package/dist/FocusScope/utils.js

@@ -40,7 +40,7 @@ function isHidden(node, { upTo }) {
   if (getComputedStyle(node).visibility === "hidden")
     return true;
   while (node) {
-    if (upTo !== undefined && node === upTo)
+    if (upTo !== void 0 && node === upTo)
       return false;
     if (getComputedStyle(node).display === "none")
       return true;

package/dist/FocusScope/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/FocusScope/utils.ts"],"sourcesContent":["import { getActiveElement } from '@/shared'\n\nexport const AUTOFOCUS_ON_MOUNT = 'focusScope.autoFocusOnMount'\nexport const AUTOFOCUS_ON_UNMOUNT = 'focusScope.autoFocusOnUnmount'\nexport const EVENT_OPTIONS = { bubbles: false, cancelable: true }\n\ntype FocusableTarget = HTMLElement | { focus: () => void }\n\n/**\n * Attempts focusing the first element in a list of candidates.\n * Stops when focus has actually moved.\n */\nexport function focusFirst(candidates: HTMLElement[], { select = false } = {}) {\n  const previouslyFocusedElement = getActiveElement()\n  for (const candidate of candidates) {\n    focus(candidate, { select })\n    if (getActiveElement() !== previouslyFocusedElement)\n      return true\n  }\n}\n\n/**\n * Returns the first and last tabbable elements inside a container.\n */\nexport function getTabbableEdges(container: HTMLElement) {\n  const candidates = getTabbableCandidates(container)\n  const first = findVisible(candidates, container)\n  const last = findVisible(candidates.reverse(), container)\n  return [first, last] as const\n}\n\n/**\n * Returns a list of potential tabbable candidates.\n *\n * NOTE: This is only a close approximation. For example it doesn't take into account cases like when\n * elements are not visible. This cannot be worked out easily by just reading a property, but rather\n * necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1\n */\nexport function getTabbableCandidates(container: HTMLElement) {\n  const nodes: HTMLElement[] = []\n  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: (node: any) => {\n      const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden'\n      if (node.disabled || node.hidden || isHiddenInput)\n        return NodeFilter.FILTER_SKIP\n      // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n      // runtime's understanding of tabbability, so this automatically accounts\n      // for any kind of element that could be tabbed to.\n      return node.tabIndex >= 0\n        ? NodeFilter.FILTER_ACCEPT\n        : NodeFilter.FILTER_SKIP\n    },\n  })\n  while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement)\n  // we do not take into account the order of nodes with positive `tabIndex` as it\n  // hinders accessibility to have tab order different from visual order.\n  return nodes\n}\n\n/**\n * Returns the first visible element in a list.\n * NOTE: Only checks visibility up to the `container`.\n */\nexport function findVisible(elements: HTMLElement[], container: HTMLElement) {\n  for (const element of elements) {\n    // we stop checking if it's hidden at the `container` level (excluding)\n    if (!isHidden(element, { upTo: container }))\n      return element\n  }\n}\n\nexport function isHidden(node: HTMLElement, { upTo }: { upTo?: HTMLElement }) {\n  if (getComputedStyle(node).visibility === 'hidden')\n    return true\n  while (node) {\n    // we stop at `upTo` (excluding it)\n    if (upTo !== undefined && node === upTo)\n      return false\n    if (getComputedStyle(node).display === 'none')\n      return true\n    node = node.parentElement as HTMLElement\n  }\n  return false\n}\n\nexport function isSelectableInput(\n  element: any,\n): element is FocusableTarget & { select: () => void } {\n  return element instanceof HTMLInputElement && 'select' in element\n}\n\nexport function focus(\n  element?: FocusableTarget | null,\n  { select = false } = {},\n) {\n  // only focus if that element is focusable\n  if (element && element.focus) {\n    const previouslyFocusedElement = getActiveElement()\n    // NOTE: we prevent scrolling on focus, to minimize jarring transitions for users\n    element.focus({ preventScroll: true })\n    // only select if its not the same element, it supports selection and we need to select\n    if (\n      element !== previouslyFocusedElement\n      && isSelectableInput(element)\n      && select\n    ) {\n      element.select()\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../src/FocusScope/utils.ts"],"sourcesContent":["import { getActiveElement } from '@/shared'\n\nexport const AUTOFOCUS_ON_MOUNT = 'focusScope.autoFocusOnMount'\nexport const AUTOFOCUS_ON_UNMOUNT = 'focusScope.autoFocusOnUnmount'\nexport const EVENT_OPTIONS = { bubbles: false, cancelable: true }\n\ntype FocusableTarget = HTMLElement | { focus: () => void }\n\n/**\n * Attempts focusing the first element in a list of candidates.\n * Stops when focus has actually moved.\n */\nexport function focusFirst(candidates: HTMLElement[], { select = false } = {}) {\n  const previouslyFocusedElement = getActiveElement()\n  for (const candidate of candidates) {\n    focus(candidate, { select })\n    if (getActiveElement() !== previouslyFocusedElement)\n      return true\n  }\n}\n\n/**\n * Returns the first and last tabbable elements inside a container.\n */\nexport function getTabbableEdges(container: HTMLElement) {\n  const candidates = getTabbableCandidates(container)\n  const first = findVisible(candidates, container)\n  const last = findVisible(candidates.reverse(), container)\n  return [first, last] as const\n}\n\n/**\n * Returns a list of potential tabbable candidates.\n *\n * NOTE: This is only a close approximation. For example it doesn't take into account cases like when\n * elements are not visible. This cannot be worked out easily by just reading a property, but rather\n * necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1\n */\nexport function getTabbableCandidates(container: HTMLElement) {\n  const nodes: HTMLElement[] = []\n  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: (node: any) => {\n      const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden'\n      if (node.disabled || node.hidden || isHiddenInput)\n        return NodeFilter.FILTER_SKIP\n      // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n      // runtime's understanding of tabbability, so this automatically accounts\n      // for any kind of element that could be tabbed to.\n      return node.tabIndex >= 0\n        ? NodeFilter.FILTER_ACCEPT\n        : NodeFilter.FILTER_SKIP\n    },\n  })\n  while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement)\n  // we do not take into account the order of nodes with positive `tabIndex` as it\n  // hinders accessibility to have tab order different from visual order.\n  return nodes\n}\n\n/**\n * Returns the first visible element in a list.\n * NOTE: Only checks visibility up to the `container`.\n */\nexport function findVisible(elements: HTMLElement[], container: HTMLElement) {\n  for (const element of elements) {\n    // we stop checking if it's hidden at the `container` level (excluding)\n    if (!isHidden(element, { upTo: container }))\n      return element\n  }\n}\n\nexport function isHidden(node: HTMLElement, { upTo }: { upTo?: HTMLElement }) {\n  if (getComputedStyle(node).visibility === 'hidden')\n    return true\n  while (node) {\n    // we stop at `upTo` (excluding it)\n    if (upTo !== undefined && node === upTo)\n      return false\n    if (getComputedStyle(node).display === 'none')\n      return true\n    node = node.parentElement as HTMLElement\n  }\n  return false\n}\n\nexport function isSelectableInput(\n  element: any,\n): element is FocusableTarget & { select: () => void } {\n  return element instanceof HTMLInputElement && 'select' in element\n}\n\nexport function focus(\n  element?: FocusableTarget | null,\n  { select = false } = {},\n) {\n  // only focus if that element is focusable\n  if (element && element.focus) {\n    const previouslyFocusedElement = getActiveElement()\n    // NOTE: we prevent scrolling on focus, to minimize jarring transitions for users\n    element.focus({ preventScroll: true })\n    // only select if its not the same element, it supports selection and we need to select\n    if (\n      element !== previouslyFocusedElement\n      && isSelectableInput(element)\n      && select\n    ) {\n      element.select()\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/HoverCard/HoverCardArrow.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
 import { _ as _sfc_main$1 } from '../Popper/PopperArrow.js';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
 

package/dist/HoverCard/HoverCardContent.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
 import { e as excludeTouch } from './utils.js';
 import { _ as _sfc_main$1 } from './HoverCardContentImpl.js';
 import { u as useForwardPropsEmits } from '../shared/useForwardPropsEmits.js';

package/dist/HoverCard/HoverCardContentImpl.cjs

@@ -93,9 +93,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ref: vue.unref(forwardRef),
             "data-state": vue.unref(rootContext).open.value ? "open" : "closed",
             style: {
-              "userSelect": containSelection.value ? "text" : undefined,
+              "userSelect": containSelection.value ? "text" : void 0,
               // Safari requires prefix
-              "WebkitUserSelect": containSelection.value ? "text" : undefined,
+              "WebkitUserSelect": containSelection.value ? "text" : void 0,
               // re-namespace exposed content custom properties
               "--reka-hover-card-content-transform-origin": "var(--reka-popper-transform-origin)",
               "--reka-hover-card-content-available-width": "var(--reka-popper-available-width)",

package/dist/HoverCard/HoverCardContentImpl.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watchEffect, onMounted, onUnmounted, openBlock, createBlock, unref, withModifiers, withCtx, createVNode, mergeProps, renderSlot, nextTick } from 'vue';
+import { defineComponent, ref, watchEffect, onMounted, onUnmounted, createBlock, openBlock, unref, withModifiers, withCtx, createVNode, mergeProps, renderSlot, nextTick } from 'vue';
 import { _ as _sfc_main$2 } from '../Popper/PopperContent.js';
 import { _ as _sfc_main$1 } from '../DismissableLayer/DismissableLayer.js';
 import { g as getTabbableNodes } from './utils.js';
@@ -91,9 +91,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: unref(forwardRef),
             "data-state": unref(rootContext).open.value ? "open" : "closed",
             style: {
-              "userSelect": containSelection.value ? "text" : undefined,
+              "userSelect": containSelection.value ? "text" : void 0,
               // Safari requires prefix
-              "WebkitUserSelect": containSelection.value ? "text" : undefined,
+              "WebkitUserSelect": containSelection.value ? "text" : void 0,
               // re-namespace exposed content custom properties
               "--reka-hover-card-content-transform-origin": "var(--reka-popper-transform-origin)",
               "--reka-hover-card-content-available-width": "var(--reka-popper-available-width)",

package/dist/HoverCard/HoverCardPortal.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
 import { _ as _sfc_main$1 } from '../Teleport/Teleport.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({