reka-ui 2.3.1 → 2.4.0

package/dist/Combobox/ComboboxTrigger.cjs

@@ -1,49 +1,74 @@
-'use strict';
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_Combobox_ComboboxRoot = require('./ComboboxRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
 
-const vue = require('vue');
-const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
-const Primitive_Primitive = require('../Primitive/Primitive.cjs');
-const Combobox_ComboboxRoot = require('./ComboboxRoot.cjs');
+//#region src/Combobox/ComboboxTrigger.vue?vue&type=script&setup=true&lang.ts
+var ComboboxTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ComboboxTrigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef, currentElement } = require_shared_useForwardExpose.useForwardExpose();
+		const rootContext = require_Combobox_ComboboxRoot.injectComboboxRootContext();
+		const disabled = (0, vue.computed)(() => props.disabled || rootContext.disabled.value || false);
+		(0, vue.onMounted)(() => {
+			if (currentElement.value) rootContext.onTriggerElementChange(currentElement.value);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)(props, {
+				ref: (0, vue.unref)(forwardRef),
+				type: _ctx.as === "button" ? "button" : void 0,
+				tabindex: "-1",
+				"aria-label": "Show popup",
+				"aria-haspopup": "listbox",
+				"aria-expanded": (0, vue.unref)(rootContext).open.value,
+				"aria-controls": (0, vue.unref)(rootContext).contentId,
+				"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed",
+				disabled: disabled.value,
+				"data-disabled": disabled.value ? "" : void 0,
+				"aria-disabled": disabled.value ?? void 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(rootContext).onOpenChange(!(0, vue.unref)(rootContext).open.value))
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"type",
+				"aria-expanded",
+				"aria-controls",
+				"data-state",
+				"disabled",
+				"data-disabled",
+				"aria-disabled"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Combobox/ComboboxTrigger.vue
+var ComboboxTrigger_default = ComboboxTrigger_vue_vue_type_script_setup_true_lang_default;
 
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "ComboboxTrigger",
-  props: {
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(__props) {
-    const props = __props;
-    const { forwardRef, currentElement } = shared_useForwardExpose.useForwardExpose();
-    const rootContext = Combobox_ComboboxRoot.injectComboboxRootContext();
-    const disabled = vue.computed(() => props.disabled || rootContext.disabled.value || false);
-    vue.onMounted(() => {
-      if (currentElement.value)
-        rootContext.onTriggerElementChange(currentElement.value);
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps(props, {
-        ref: vue.unref(forwardRef),
-        type: _ctx.as === "button" ? "button" : void 0,
-        tabindex: "-1",
-        "aria-label": "Show popup",
-        "aria-haspopup": "listbox",
-        "aria-expanded": vue.unref(rootContext).open.value,
-        "aria-controls": vue.unref(rootContext).contentId,
-        "data-state": vue.unref(rootContext).open.value ? "open" : "closed",
-        disabled: disabled.value,
-        "data-disabled": disabled.value ? "" : void 0,
-        "aria-disabled": disabled.value ?? void 0,
-        onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(rootContext).onOpenChange(!vue.unref(rootContext).open.value))
-      }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["type", "aria-expanded", "aria-controls", "data-state", "disabled", "data-disabled", "aria-disabled"]);
-    };
+//#endregion
+Object.defineProperty(exports, 'ComboboxTrigger_default', {
+  enumerable: true,
+  get: function () {
+    return ComboboxTrigger_default;
   }
 });
-
-exports._sfc_main = _sfc_main;
-//# sourceMappingURL=ComboboxTrigger.cjs.map
+//# sourceMappingURL=ComboboxTrigger.cjs.map

package/dist/Combobox/ComboboxTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTrigger.cjs","sources":["../../src/Combobox/ComboboxTrigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\n\nexport interface ComboboxTriggerProps 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 { computed, onMounted } from 'vue'\nimport { Primitive } from '@/Primitive'\nimport { useForwardExpose } from '@/shared'\nimport { injectComboboxRootContext } from './ComboboxRoot.vue'\n\nconst props = withDefaults(defineProps<ComboboxTriggerProps>(), {\n  as: 'button',\n})\n\nconst { forwardRef, currentElement } = useForwardExpose()\nconst rootContext = injectComboboxRootContext()\nconst disabled = computed(() => props.disabled || rootContext.disabled.value || false)\n\nonMounted(() => {\n  if (currentElement.value)\n    rootContext.onTriggerElementChange(currentElement.value)\n})\n</script>\n\n<template>\n  <Primitive\n    v-bind=\"props\"\n    :ref=\"forwardRef\"\n    :type=\"as === 'button' ? 'button' : undefined\"\n    tabindex=\"-1\"\n    aria-label=\"Show popup\"\n    aria-haspopup=\"listbox\"\n    :aria-expanded=\"rootContext.open.value\"\n    :aria-controls=\"rootContext.contentId\"\n    :data-state=\"rootContext.open.value ? 'open' : 'closed'\"\n    :disabled=\"disabled\"\n    :data-disabled=\"disabled ? '' : undefined\"\n    :aria-disabled=\"disabled ?? undefined\"\n    @click=\"rootContext.onOpenChange(!rootContext.open.value)\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"],"names":["useForwardExpose","injectComboboxRootContext","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,MAAM,EAAE,UAAA,EAAY,cAAe,EAAA,GAAIA,wCAAiB,EAAA;AACxD,IAAA,MAAM,cAAcC,+CAA0B,EAAA;AAC9C,IAAM,MAAA,QAAA,GAAWC,aAAS,MAAM,KAAA,CAAM,YAAY,WAAY,CAAA,QAAA,CAAS,SAAS,KAAK,CAAA;AAErF,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,IAAI,cAAe,CAAA,KAAA;AACjB,QAAY,WAAA,CAAA,sBAAA,CAAuB,eAAe,KAAK,CAAA;AAAA,KAC1D,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ComboboxTrigger.cjs","names":["as"],"sources":["../../src/Combobox/ComboboxTrigger.vue","../../src/Combobox/ComboboxTrigger.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAId,MAAM,EAAE,YAAY,gBAAgB,GAAG,kDAAiB;EACxD,MAAM,cAAc,yDAA0B;EAC9C,MAAM,WAAW,kBAAS,MAAM,MAAM,YAAY,YAAY,SAAS,SAAS,MAAK;AAErF,qBAAU,MAAM;AACd,OAAI,eAAe,MACjB,aAAY,uBAAuB,eAAe,MAAK;EAC1D,EAAA;;gCAIC,qBAgBY,eAAA,sCAAA,EAhBZ,oBACU,OAAK;IACZ,KAAK,eAAA,WAAU;IACf,MAAMA,KAAAA,OAAE,WAAA;IACT,UAAS;IACT,cAAW;IACX,iBAAc;IACb,iBAAe,eAAA,YAAW,CAAC,KAAK;IAChC,iBAAe,eAAA,YAAW,CAAC;IAC3B,cAAY,eAAA,YAAW,CAAC,KAAK,QAAK,SAAA;IAClC,UAAU,SAAA;IACV,iBAAe,SAAA,QAAQ;IACvB,iBAAe,SAAA;IACf,SAAK,OAAA,OAAA,OAAA,KAAA,CAAA,WAAE,eAAA,YAAW,CAAC,cAAc,eAAA,YAAW,CAAC,KAAK,MAAK;;8BAExD,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/Combobox/ComboboxTrigger.js

@@ -1,47 +1,68 @@
-import { defineComponent, computed, onMounted, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
-import { u as useForwardExpose } from '../shared/useForwardExpose.js';
-import { P as Primitive } from '../Primitive/Primitive.js';
-import { i as injectComboboxRootContext } from './ComboboxRoot.js';
+import { useForwardExpose } from "../shared/useForwardExpose.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { injectComboboxRootContext } from "./ComboboxRoot.js";
+import { computed, createBlock, defineComponent, mergeProps, onMounted, openBlock, renderSlot, unref, withCtx } from "vue";
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxTrigger",
-  props: {
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(__props) {
-    const props = __props;
-    const { forwardRef, currentElement } = useForwardExpose();
-    const rootContext = injectComboboxRootContext();
-    const disabled = computed(() => props.disabled || rootContext.disabled.value || false);
-    onMounted(() => {
-      if (currentElement.value)
-        rootContext.onTriggerElementChange(currentElement.value);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-        ref: unref(forwardRef),
-        type: _ctx.as === "button" ? "button" : void 0,
-        tabindex: "-1",
-        "aria-label": "Show popup",
-        "aria-haspopup": "listbox",
-        "aria-expanded": unref(rootContext).open.value,
-        "aria-controls": unref(rootContext).contentId,
-        "data-state": unref(rootContext).open.value ? "open" : "closed",
-        disabled: disabled.value,
-        "data-disabled": disabled.value ? "" : void 0,
-        "aria-disabled": disabled.value ?? void 0,
-        onClick: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(!unref(rootContext).open.value))
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["type", "aria-expanded", "aria-controls", "data-state", "disabled", "data-disabled", "aria-disabled"]);
-    };
-  }
+//#region src/Combobox/ComboboxTrigger.vue?vue&type=script&setup=true&lang.ts
+var ComboboxTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ComboboxTrigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef, currentElement } = useForwardExpose();
+		const rootContext = injectComboboxRootContext();
+		const disabled = computed(() => props.disabled || rootContext.disabled.value || false);
+		onMounted(() => {
+			if (currentElement.value) rootContext.onTriggerElementChange(currentElement.value);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				ref: unref(forwardRef),
+				type: _ctx.as === "button" ? "button" : void 0,
+				tabindex: "-1",
+				"aria-label": "Show popup",
+				"aria-haspopup": "listbox",
+				"aria-expanded": unref(rootContext).open.value,
+				"aria-controls": unref(rootContext).contentId,
+				"data-state": unref(rootContext).open.value ? "open" : "closed",
+				disabled: disabled.value,
+				"data-disabled": disabled.value ? "" : void 0,
+				"aria-disabled": disabled.value ?? void 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(!unref(rootContext).open.value))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"type",
+				"aria-expanded",
+				"aria-controls",
+				"data-state",
+				"disabled",
+				"data-disabled",
+				"aria-disabled"
+			]);
+		};
+	}
 });
 
-export { _sfc_main as _ };
-//# sourceMappingURL=ComboboxTrigger.js.map
+//#endregion
+//#region src/Combobox/ComboboxTrigger.vue
+var ComboboxTrigger_default = ComboboxTrigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ComboboxTrigger_default };
+//# sourceMappingURL=ComboboxTrigger.js.map

package/dist/Combobox/ComboboxTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTrigger.js","sources":["../../src/Combobox/ComboboxTrigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\n\nexport interface ComboboxTriggerProps 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 { computed, onMounted } from 'vue'\nimport { Primitive } from '@/Primitive'\nimport { useForwardExpose } from '@/shared'\nimport { injectComboboxRootContext } from './ComboboxRoot.vue'\n\nconst props = withDefaults(defineProps<ComboboxTriggerProps>(), {\n  as: 'button',\n})\n\nconst { forwardRef, currentElement } = useForwardExpose()\nconst rootContext = injectComboboxRootContext()\nconst disabled = computed(() => props.disabled || rootContext.disabled.value || false)\n\nonMounted(() => {\n  if (currentElement.value)\n    rootContext.onTriggerElementChange(currentElement.value)\n})\n</script>\n\n<template>\n  <Primitive\n    v-bind=\"props\"\n    :ref=\"forwardRef\"\n    :type=\"as === 'button' ? 'button' : undefined\"\n    tabindex=\"-1\"\n    aria-label=\"Show popup\"\n    aria-haspopup=\"listbox\"\n    :aria-expanded=\"rootContext.open.value\"\n    :aria-controls=\"rootContext.contentId\"\n    :data-state=\"rootContext.open.value ? 'open' : 'closed'\"\n    :disabled=\"disabled\"\n    :data-disabled=\"disabled ? '' : undefined\"\n    :aria-disabled=\"disabled ?? undefined\"\n    @click=\"rootContext.onOpenChange(!rootContext.open.value)\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,MAAM,EAAE,UAAA,EAAY,cAAe,EAAA,GAAI,gBAAiB,EAAA;AACxD,IAAA,MAAM,cAAc,yBAA0B,EAAA;AAC9C,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM,KAAA,CAAM,YAAY,WAAY,CAAA,QAAA,CAAS,SAAS,KAAK,CAAA;AAErF,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,cAAe,CAAA,KAAA;AACjB,QAAY,WAAA,CAAA,sBAAA,CAAuB,eAAe,KAAK,CAAA;AAAA,KAC1D,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ComboboxTrigger.js","names":["as"],"sources":["../../src/Combobox/ComboboxTrigger.vue","../../src/Combobox/ComboboxTrigger.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAId,MAAM,EAAE,YAAY,gBAAgB,GAAG,kBAAiB;EACxD,MAAM,cAAc,2BAA0B;EAC9C,MAAM,WAAW,SAAS,MAAM,MAAM,YAAY,YAAY,SAAS,SAAS,MAAK;AAErF,YAAU,MAAM;AACd,OAAI,eAAe,MACjB,aAAY,uBAAuB,eAAe,MAAK;EAC1D,EAAA;;uBAIC,YAgBY,MAAA,UAAA,EAhBZ,WACU,OAAK;IACZ,KAAK,MAAA,WAAU;IACf,MAAMA,KAAAA,OAAE,WAAA;IACT,UAAS;IACT,cAAW;IACX,iBAAc;IACb,iBAAe,MAAA,YAAW,CAAC,KAAK;IAChC,iBAAe,MAAA,YAAW,CAAC;IAC3B,cAAY,MAAA,YAAW,CAAC,KAAK,QAAK,SAAA;IAClC,UAAU,SAAA;IACV,iBAAe,SAAA,QAAQ;IACvB,iBAAe,SAAA;IACf,SAAK,OAAA,OAAA,OAAA,KAAA,CAAA,WAAE,MAAA,YAAW,CAAC,cAAc,MAAA,YAAW,CAAC,KAAK,MAAK;;qBAExD,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/Combobox/ComboboxViewport.cjs

@@ -1,57 +1,70 @@
-'use strict';
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_Combobox_ComboboxRoot = require('./ComboboxRoot.cjs');
+const require_shared_useNonce = require('../shared/useNonce.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
 
-const vue = require('vue');
-const shared_useNonce = require('../shared/useNonce.cjs');
-const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
-const Primitive_Primitive = require('../Primitive/Primitive.cjs');
-const Combobox_ComboboxRoot = require('./ComboboxRoot.cjs');
+//#region src/Combobox/ComboboxViewport.vue?vue&type=script&setup=true&lang.ts
+var ComboboxViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ComboboxViewport",
+	props: {
+		nonce: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef } = require_shared_useForwardExpose.useForwardExpose();
+		const { nonce: propNonce } = (0, vue.toRefs)(props);
+		const nonce = require_shared_useNonce.useNonce(propNonce);
+		const rootContext = require_Combobox_ComboboxRoot.injectComboboxRootContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createVNode)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)({
+				..._ctx.$attrs,
+				...props
+			}, {
+				ref: (0, vue.unref)(forwardRef),
+				"data-reka-combobox-viewport": "",
+				role: "presentation",
+				style: {
+					position: "relative",
+					flex: (0, vue.unref)(rootContext).isVirtual.value ? void 0 : 1,
+					overflow: "auto"
+				}
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["style"]), (0, vue.createVNode)((0, vue.unref)(require_Primitive_Primitive.Primitive), {
+				as: "style",
+				nonce: (0, vue.unref)(nonce)
+			}, {
+				default: (0, vue.withCtx)(() => _cache[0] || (_cache[0] = [(0, vue.createTextVNode)(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-combobox-viewport] { scrollbar-width:none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-reka-combobox-viewport]::-webkit-scrollbar { display: none; } ")])),
+				_: 1,
+				__: [0]
+			}, 8, ["nonce"])], 64);
+		};
+	}
+});
+
+//#endregion
+//#region src/Combobox/ComboboxViewport.vue
+var ComboboxViewport_default = ComboboxViewport_vue_vue_type_script_setup_true_lang_default;
 
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "ComboboxViewport",
-  props: {
-    nonce: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { forwardRef } = shared_useForwardExpose.useForwardExpose();
-    const { nonce: propNonce } = vue.toRefs(props);
-    const nonce = shared_useNonce.useNonce(propNonce);
-    const rootContext = Combobox_ComboboxRoot.injectComboboxRootContext();
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createVNode(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps({ ..._ctx.$attrs, ...props }, {
-          ref: vue.unref(forwardRef),
-          "data-reka-combobox-viewport": "",
-          role: "presentation",
-          style: {
-            // we use position: 'relative' here on the `viewport` so that when we call
-            // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
-            // (independent of the scrollUpButton).
-            position: "relative",
-            flex: vue.unref(rootContext).isVirtual.value ? void 0 : 1,
-            overflow: "auto"
-          }
-        }), {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["style"]),
-        vue.createVNode(vue.unref(Primitive_Primitive.Primitive), {
-          as: "style",
-          nonce: vue.unref(nonce)
-        }, {
-          default: vue.withCtx(() => _cache[0] || (_cache[0] = [
-            vue.createTextVNode(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-combobox-viewport] { scrollbar-width:none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-reka-combobox-viewport]::-webkit-scrollbar { display: none; } ")
-          ])),
-          _: 1
-        }, 8, ["nonce"])
-      ], 64);
-    };
+//#endregion
+Object.defineProperty(exports, 'ComboboxViewport_default', {
+  enumerable: true,
+  get: function () {
+    return ComboboxViewport_default;
   }
 });
-
-exports._sfc_main = _sfc_main;
-//# sourceMappingURL=ComboboxViewport.cjs.map
+//# sourceMappingURL=ComboboxViewport.cjs.map

package/dist/Combobox/ComboboxViewport.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxViewport.cjs","sources":["../../src/Combobox/ComboboxViewport.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { toRefs } from 'vue'\nimport { useForwardExpose } from '@/shared'\nimport { useNonce } from '@/shared/useNonce'\nimport { injectComboboxRootContext } from './ComboboxRoot.vue'\n\nexport interface ComboboxViewportProps extends PrimitiveProps {\n  /**\n   * Will add `nonce` attribute to the style tag which can be used by Content Security Policy. <br> If omitted, inherits globally from `ConfigProvider`.\n   */\n  nonce?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { Primitive } from '@/Primitive'\n\nconst props = defineProps<ComboboxViewportProps>()\nconst { forwardRef } = useForwardExpose()\n\nconst { nonce: propNonce } = toRefs(props)\nconst nonce = useNonce(propNonce)\n\nconst rootContext = injectComboboxRootContext()\n</script>\n\n<template>\n  <Primitive\n    v-bind=\"{ ...$attrs, ...props }\"\n    :ref=\"forwardRef\"\n    data-reka-combobox-viewport\n    role=\"presentation\"\n    :style=\"{\n      // we use position: 'relative' here on the `viewport` so that when we call\n      // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport\n      // (independent of the scrollUpButton).\n      position: 'relative',\n      flex: rootContext.isVirtual.value ? undefined : 1,\n      overflow: 'auto',\n    }\"\n  >\n    <slot />\n  </Primitive>\n  <Primitive\n    as=\"style\"\n    :nonce=\"nonce\"\n  >\n    /* Hide scrollbars cross-browser and enable momentum scroll for touch\n    devices */ [data-reka-combobox-viewport] { scrollbar-width:none; -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch; }\n    [data-reka-combobox-viewport]::-webkit-scrollbar { display: none; }\n  </Primitive>\n</template>\n"],"names":["useForwardExpose","toRefs","useNonce","injectComboboxRootContext"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAM,MAAA,EAAE,UAAW,EAAA,GAAIA,wCAAiB,EAAA;AAExC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAU,EAAA,GAAIC,WAAO,KAAK,CAAA;AACzC,IAAM,MAAA,KAAA,GAAQC,yBAAS,SAAS,CAAA;AAEhC,IAAA,MAAM,cAAcC,+CAA0B,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ComboboxViewport.cjs","names":["$attrs"],"sources":["../../src/Combobox/ComboboxViewport.vue","../../src/Combobox/ComboboxViewport.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EACd,MAAM,EAAE,YAAY,GAAG,kDAAiB;EAExC,MAAM,EAAE,OAAO,WAAW,GAAG,gBAAO,MAAK;EACzC,MAAM,QAAQ,iCAAS,UAAS;EAEhC,MAAM,cAAc,yDAA0B;;iFAI5C,qBAeY,eAAA,sCAAA,EAfZ,oBAeY;IAAA,GAdGA,KAAAA;IAAM,GAAK;GAAK,GAAA;IAC5B,KAAK,eAAA,WAAU;IAChB,+BAAA;IACA,MAAK;IACJ,OAAK;;WAAqQ,eAAA,YAAW,CAAC,UAAU,iBAAiB;;;;8BASlT,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA;;sBAEV,qBAQY,eAAA,sCAAA,EAAA;IAPV,IAAG;IACF,OAAO,eAAA,MAAK;;8BACd,MAKD,OAAA,OAAA,OAAA,KAAA,0BALC,8QAKD"}

package/dist/Combobox/ComboboxViewport.js

@@ -1,55 +1,64 @@
-import { defineComponent, toRefs, createElementBlock, openBlock, Fragment, createVNode, unref, mergeProps, withCtx, renderSlot, createTextVNode } from 'vue';
-import { u as useNonce } from '../shared/useNonce.js';
-import { u as useForwardExpose } from '../shared/useForwardExpose.js';
-import { P as Primitive } from '../Primitive/Primitive.js';
-import { i as injectComboboxRootContext } from './ComboboxRoot.js';
+import { useForwardExpose } from "../shared/useForwardExpose.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { injectComboboxRootContext } from "./ComboboxRoot.js";
+import { useNonce } from "../shared/useNonce.js";
+import { Fragment, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxViewport",
-  props: {
-    nonce: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { forwardRef } = useForwardExpose();
-    const { nonce: propNonce } = toRefs(props);
-    const nonce = useNonce(propNonce);
-    const rootContext = injectComboboxRootContext();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(Primitive), mergeProps({ ..._ctx.$attrs, ...props }, {
-          ref: unref(forwardRef),
-          "data-reka-combobox-viewport": "",
-          role: "presentation",
-          style: {
-            // we use position: 'relative' here on the `viewport` so that when we call
-            // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
-            // (independent of the scrollUpButton).
-            position: "relative",
-            flex: unref(rootContext).isVirtual.value ? void 0 : 1,
-            overflow: "auto"
-          }
-        }), {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["style"]),
-        createVNode(unref(Primitive), {
-          as: "style",
-          nonce: unref(nonce)
-        }, {
-          default: withCtx(() => _cache[0] || (_cache[0] = [
-            createTextVNode(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-combobox-viewport] { scrollbar-width:none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-reka-combobox-viewport]::-webkit-scrollbar { display: none; } ")
-          ])),
-          _: 1
-        }, 8, ["nonce"])
-      ], 64);
-    };
-  }
+//#region src/Combobox/ComboboxViewport.vue?vue&type=script&setup=true&lang.ts
+var ComboboxViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ComboboxViewport",
+	props: {
+		nonce: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef } = useForwardExpose();
+		const { nonce: propNonce } = toRefs(props);
+		const nonce = useNonce(propNonce);
+		const rootContext = injectComboboxRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Primitive), mergeProps({
+				..._ctx.$attrs,
+				...props
+			}, {
+				ref: unref(forwardRef),
+				"data-reka-combobox-viewport": "",
+				role: "presentation",
+				style: {
+					position: "relative",
+					flex: unref(rootContext).isVirtual.value ? void 0 : 1,
+					overflow: "auto"
+				}
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["style"]), createVNode(unref(Primitive), {
+				as: "style",
+				nonce: unref(nonce)
+			}, {
+				default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-combobox-viewport] { scrollbar-width:none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-reka-combobox-viewport]::-webkit-scrollbar { display: none; } ")])),
+				_: 1,
+				__: [0]
+			}, 8, ["nonce"])], 64);
+		};
+	}
 });
 
-export { _sfc_main as _ };
-//# sourceMappingURL=ComboboxViewport.js.map
+//#endregion
+//#region src/Combobox/ComboboxViewport.vue
+var ComboboxViewport_default = ComboboxViewport_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ComboboxViewport_default };
+//# sourceMappingURL=ComboboxViewport.js.map

package/dist/Combobox/ComboboxViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxViewport.js","sources":["../../src/Combobox/ComboboxViewport.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { toRefs } from 'vue'\nimport { useForwardExpose } from '@/shared'\nimport { useNonce } from '@/shared/useNonce'\nimport { injectComboboxRootContext } from './ComboboxRoot.vue'\n\nexport interface ComboboxViewportProps extends PrimitiveProps {\n  /**\n   * Will add `nonce` attribute to the style tag which can be used by Content Security Policy. <br> If omitted, inherits globally from `ConfigProvider`.\n   */\n  nonce?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { Primitive } from '@/Primitive'\n\nconst props = defineProps<ComboboxViewportProps>()\nconst { forwardRef } = useForwardExpose()\n\nconst { nonce: propNonce } = toRefs(props)\nconst nonce = useNonce(propNonce)\n\nconst rootContext = injectComboboxRootContext()\n</script>\n\n<template>\n  <Primitive\n    v-bind=\"{ ...$attrs, ...props }\"\n    :ref=\"forwardRef\"\n    data-reka-combobox-viewport\n    role=\"presentation\"\n    :style=\"{\n      // we use position: 'relative' here on the `viewport` so that when we call\n      // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport\n      // (independent of the scrollUpButton).\n      position: 'relative',\n      flex: rootContext.isVirtual.value ? undefined : 1,\n      overflow: 'auto',\n    }\"\n  >\n    <slot />\n  </Primitive>\n  <Primitive\n    as=\"style\"\n    :nonce=\"nonce\"\n  >\n    /* Hide scrollbars cross-browser and enable momentum scroll for touch\n    devices */ [data-reka-combobox-viewport] { scrollbar-width:none; -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch; }\n    [data-reka-combobox-viewport]::-webkit-scrollbar { display: none; }\n  </Primitive>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAM,MAAA,EAAE,UAAW,EAAA,GAAI,gBAAiB,EAAA;AAExC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAU,EAAA,GAAI,OAAO,KAAK,CAAA;AACzC,IAAM,MAAA,KAAA,GAAQ,SAAS,SAAS,CAAA;AAEhC,IAAA,MAAM,cAAc,yBAA0B,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ComboboxViewport.js","names":["$attrs"],"sources":["../../src/Combobox/ComboboxViewport.vue","../../src/Combobox/ComboboxViewport.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EACd,MAAM,EAAE,YAAY,GAAG,kBAAiB;EAExC,MAAM,EAAE,OAAO,WAAW,GAAG,OAAO,MAAK;EACzC,MAAM,QAAQ,SAAS,UAAS;EAEhC,MAAM,cAAc,2BAA0B;;2DAI5C,YAeY,MAAA,UAAA,EAfZ,WAeY;IAAA,GAdGA,KAAAA;IAAM,GAAK;GAAK,GAAA;IAC5B,KAAK,MAAA,WAAU;IAChB,+BAAA;IACA,MAAK;IACJ,OAAK;;WAAqQ,MAAA,YAAW,CAAC,UAAU,iBAAiB;;;;qBASlT,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA;;sBAEV,YAQY,MAAA,UAAA,EAAA;IAPV,IAAG;IACF,OAAO,MAAA,MAAK;;qBACd,MAKD,OAAA,OAAA,OAAA,KAAA,iBALC,8QAKD"}

package/dist/Combobox/ComboboxVirtualizer.cjs

@@ -1,31 +1,51 @@
-'use strict';
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Listbox_ListboxVirtualizer = require('../Listbox/ListboxVirtualizer.cjs');
+const require_Combobox_ComboboxRoot = require('./ComboboxRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
 
-const vue = require('vue');
-const Listbox_ListboxVirtualizer = require('../Listbox/ListboxVirtualizer.cjs');
-const Combobox_ComboboxRoot = require('./ComboboxRoot.cjs');
+//#region src/Combobox/ComboboxVirtualizer.vue?vue&type=script&setup=true&lang.ts
+var ComboboxVirtualizer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ComboboxVirtualizer",
+	props: {
+		options: {
+			type: Array,
+			required: true
+		},
+		overscan: {
+			type: Number,
+			required: false
+		},
+		estimateSize: {
+			type: Number,
+			required: false
+		},
+		textContent: {
+			type: Function,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = require_Combobox_ComboboxRoot.injectComboboxRootContext();
+		rootContext.isVirtual.value = true;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(require_Listbox_ListboxVirtualizer.ListboxVirtualizer_default, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
+				default: (0, vue.withCtx)((slotProps) => [(0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(slotProps)))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+//#region src/Combobox/ComboboxVirtualizer.vue
+var ComboboxVirtualizer_default = ComboboxVirtualizer_vue_vue_type_script_setup_true_lang_default;
 
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "ComboboxVirtualizer",
-  props: {
-    options: {},
-    overscan: {},
-    estimateSize: {},
-    textContent: { type: Function }
-  },
-  setup(__props) {
-    const props = __props;
-    const rootContext = Combobox_ComboboxRoot.injectComboboxRootContext();
-    rootContext.isVirtual.value = true;
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(Listbox_ListboxVirtualizer._sfc_main, vue.normalizeProps(vue.guardReactiveProps(props)), {
-        default: vue.withCtx((slotProps) => [
-          vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
-        ]),
-        _: 3
-      }, 16);
-    };
+//#endregion
+Object.defineProperty(exports, 'ComboboxVirtualizer_default', {
+  enumerable: true,
+  get: function () {
+    return ComboboxVirtualizer_default;
   }
 });
-
-exports._sfc_main = _sfc_main;
-//# sourceMappingURL=ComboboxVirtualizer.cjs.map
+//# sourceMappingURL=ComboboxVirtualizer.cjs.map

package/dist/Combobox/ComboboxVirtualizer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxVirtualizer.cjs","sources":["../../src/Combobox/ComboboxVirtualizer.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ComboboxVirtualizerProps<T extends AcceptableValue = AcceptableValue> extends ListboxVirtualizerProps<T> {}\n</script>\n\n<script setup lang=\"ts\" generic=\"T extends AcceptableValue = AcceptableValue\">\nimport type { VirtualItem, Virtualizer } from '@tanstack/vue-virtual'\nimport type { ListboxVirtualizerProps } from '@/Listbox/ListboxVirtualizer.vue'\nimport type { AcceptableValue } from '@/shared/types'\nimport ListboxVirtualizer from '@/Listbox/ListboxVirtualizer.vue'\nimport { injectComboboxRootContext } from './ComboboxRoot.vue'\n\nconst props = defineProps<ComboboxVirtualizerProps<T>>()\n\ndefineSlots<{\n  default?: (props: {\n    option: T\n    virtualizer: Virtualizer<HTMLElement, Element>\n    virtualItem: VirtualItem\n  }) => any\n}>()\n\nconst rootContext = injectComboboxRootContext()\n// set virtual true when this component mounted\nrootContext.isVirtual.value = true\n</script>\n\n<template>\n  <ListboxVirtualizer\n    v-slot=\"slotProps\"\n    v-bind=\"props\"\n  >\n    <slot v-bind=\"slotProps\" />\n  </ListboxVirtualizer>\n</template>\n"],"names":["injectComboboxRootContext"],"mappings":";;;;;;;;;;;;;;;AAWA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAUd,IAAA,MAAM,cAAcA,+CAA0B,EAAA;AAE9C,IAAA,WAAA,CAAY,UAAU,KAAQ,GAAA,IAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"ComboboxVirtualizer.cjs","names":[],"sources":["../../src/Combobox/ComboboxVirtualizer.vue","../../src/Combobox/ComboboxVirtualizer.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAUd,MAAM,cAAc,yDAA0B;AAE9C,cAAY,UAAU,QAAQ;;gCAI5B,qBAKqB,+DAAA,wBAAA,4BAHX,MAAK,CAAA,EAAA;8BAEb,CAHQ,cAAS,CAGjB,oBAA2B,KAAA,QAAA,WAAA,wBAAA,4BAAb,UAAS,CAAA,CAAA"}