@isbatak/ark-wheel-picker 0.0.0

package/dist/vue/index.cjs

@@ -0,0 +1,89 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/vue/index.ts
+var vue_exports = {};
+__export(vue_exports, {
+  WheelPicker: () => WheelPicker,
+  WheelPickerContext: () => import_wheel_picker_context.WheelPickerContext,
+  WheelPickerControl: () => import_wheel_picker_control.WheelPickerControl,
+  WheelPickerHiddenSelect: () => import_wheel_picker_hidden_select.WheelPickerHiddenSelect,
+  WheelPickerHighlight: () => import_wheel_picker_highlight.WheelPickerHighlight,
+  WheelPickerHighlightItem: () => import_wheel_picker_highlight_item.WheelPickerHighlightItem,
+  WheelPickerHighlightItemGroup: () => import_wheel_picker_highlight_item_group.WheelPickerHighlightItemGroup,
+  WheelPickerItem: () => import_wheel_picker_item.WheelPickerItem,
+  WheelPickerItemGroup: () => import_wheel_picker_item_group.WheelPickerItemGroup,
+  WheelPickerLabel: () => import_wheel_picker_label.WheelPickerLabel,
+  WheelPickerProvider: () => import_use_wheel_picker_context.WheelPickerProvider,
+  WheelPickerRoot: () => import_wheel_picker_root.WheelPickerRoot,
+  WheelPickerRootProvider: () => import_wheel_picker_root_provider.WheelPickerRootProvider,
+  WheelPickerViewport: () => import_wheel_picker_viewport.WheelPickerViewport,
+  createWheelPickerCollection: () => import_zag_wheel_picker.collection,
+  useWheelPicker: () => import_use_wheel_picker.useWheelPicker,
+  useWheelPickerContext: () => import_use_wheel_picker_context.useWheelPickerContext,
+  wheelPickerAnatomy: () => import_zag_wheel_picker.anatomy
+});
+module.exports = __toCommonJS(vue_exports);
+var import_zag_wheel_picker = require("@isbatak/zag-wheel-picker");
+var import_use_wheel_picker = require("./use-wheel-picker.cjs");
+var import_use_wheel_picker_context = require("./use-wheel-picker-context.cjs");
+var import_wheel_picker_context = require("./wheel-picker-context.cjs");
+var import_wheel_picker_control = require("./wheel-picker-control.cjs");
+var import_wheel_picker_hidden_select = require("./wheel-picker-hidden-select.cjs");
+var import_wheel_picker_highlight = require("./wheel-picker-highlight.cjs");
+var import_wheel_picker_highlight_item = require("./wheel-picker-highlight-item.cjs");
+var import_wheel_picker_highlight_item_group = require("./wheel-picker-highlight-item-group.cjs");
+var import_wheel_picker_item = require("./wheel-picker-item.cjs");
+var import_wheel_picker_item_group = require("./wheel-picker-item-group.cjs");
+var import_wheel_picker_label = require("./wheel-picker-label.cjs");
+var import_wheel_picker_root = require("./wheel-picker-root.cjs");
+var import_wheel_picker_root_provider = require("./wheel-picker-root-provider.cjs");
+var import_wheel_picker_viewport = require("./wheel-picker-viewport.cjs");
+var WheelPicker = __toESM(require("./wheel-picker.cjs"), 1);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WheelPicker,
+  WheelPickerContext,
+  WheelPickerControl,
+  WheelPickerHiddenSelect,
+  WheelPickerHighlight,
+  WheelPickerHighlightItem,
+  WheelPickerHighlightItemGroup,
+  WheelPickerItem,
+  WheelPickerItemGroup,
+  WheelPickerLabel,
+  WheelPickerProvider,
+  WheelPickerRoot,
+  WheelPickerRootProvider,
+  WheelPickerViewport,
+  createWheelPickerCollection,
+  useWheelPicker,
+  useWheelPickerContext,
+  wheelPickerAnatomy
+});

package/dist/vue/index.d.cts

@@ -0,0 +1,19 @@
+export { CollectionItem as WheelPickerCollectionItem, ScrollChangeDetails as WheelPickerScrollChangeDetails, ValueChangeDetails as WheelPickerValueChangeDetails, collection as createWheelPickerCollection, anatomy as wheelPickerAnatomy } from '@isbatak/zag-wheel-picker';
+export { UseWheelPickerProps, UseWheelPickerReturn, WheelPickerRootEmits, useWheelPicker } from './use-wheel-picker.cjs';
+export { UseWheelPickerContext, WheelPickerProvider, useWheelPickerContext } from './use-wheel-picker-context.cjs';
+export { WheelPickerContext } from './wheel-picker-context.cjs';
+export { WheelPickerControl } from './wheel-picker-control.cjs';
+export { WheelPickerHiddenSelect } from './wheel-picker-hidden-select.cjs';
+export { WheelPickerHighlight } from './wheel-picker-highlight.cjs';
+export { WheelPickerHighlightItem } from './wheel-picker-highlight-item.cjs';
+export { WheelPickerHighlightItemGroup } from './wheel-picker-highlight-item-group.cjs';
+export { WheelPickerItem } from './wheel-picker-item.cjs';
+export { WheelPickerItemGroup } from './wheel-picker-item-group.cjs';
+export { WheelPickerLabel } from './wheel-picker-label.cjs';
+export { WheelPickerRoot } from './wheel-picker-root.cjs';
+export { WheelPickerRootProvider } from './wheel-picker-root-provider.cjs';
+export { WheelPickerViewport } from './wheel-picker-viewport.cjs';
+export { w as WheelPicker } from './wheel-picker.cjs';
+import '@zag-js/vue';
+import 'vue';
+import '../types.cjs';

package/dist/vue/index.d.ts

@@ -0,0 +1,19 @@
+export { CollectionItem as WheelPickerCollectionItem, ScrollChangeDetails as WheelPickerScrollChangeDetails, ValueChangeDetails as WheelPickerValueChangeDetails, collection as createWheelPickerCollection, anatomy as wheelPickerAnatomy } from '@isbatak/zag-wheel-picker';
+export { UseWheelPickerProps, UseWheelPickerReturn, WheelPickerRootEmits, useWheelPicker } from './use-wheel-picker.js';
+export { UseWheelPickerContext, WheelPickerProvider, useWheelPickerContext } from './use-wheel-picker-context.js';
+export { WheelPickerContext } from './wheel-picker-context.js';
+export { WheelPickerControl } from './wheel-picker-control.js';
+export { WheelPickerHiddenSelect } from './wheel-picker-hidden-select.js';
+export { WheelPickerHighlight } from './wheel-picker-highlight.js';
+export { WheelPickerHighlightItem } from './wheel-picker-highlight-item.js';
+export { WheelPickerHighlightItemGroup } from './wheel-picker-highlight-item-group.js';
+export { WheelPickerItem } from './wheel-picker-item.js';
+export { WheelPickerItemGroup } from './wheel-picker-item-group.js';
+export { WheelPickerLabel } from './wheel-picker-label.js';
+export { WheelPickerRoot } from './wheel-picker-root.js';
+export { WheelPickerRootProvider } from './wheel-picker-root-provider.js';
+export { WheelPickerViewport } from './wheel-picker-viewport.js';
+export { w as WheelPicker } from './wheel-picker.js';
+import '@zag-js/vue';
+import 'vue';
+import '../types.js';

package/dist/vue/index.js

@@ -0,0 +1,39 @@
+// src/vue/index.ts
+import { anatomy, collection } from "@isbatak/zag-wheel-picker";
+import {
+  useWheelPicker
+} from "./use-wheel-picker.js";
+import { useWheelPickerContext, WheelPickerProvider } from "./use-wheel-picker-context.js";
+import { WheelPickerContext } from "./wheel-picker-context.js";
+import { WheelPickerControl } from "./wheel-picker-control.js";
+import { WheelPickerHiddenSelect } from "./wheel-picker-hidden-select.js";
+import { WheelPickerHighlight } from "./wheel-picker-highlight.js";
+import { WheelPickerHighlightItem } from "./wheel-picker-highlight-item.js";
+import { WheelPickerHighlightItemGroup } from "./wheel-picker-highlight-item-group.js";
+import { WheelPickerItem } from "./wheel-picker-item.js";
+import { WheelPickerItemGroup } from "./wheel-picker-item-group.js";
+import { WheelPickerLabel } from "./wheel-picker-label.js";
+import { WheelPickerRoot } from "./wheel-picker-root.js";
+import { WheelPickerRootProvider } from "./wheel-picker-root-provider.js";
+import { WheelPickerViewport } from "./wheel-picker-viewport.js";
+import * as WheelPicker from "./wheel-picker.js";
+export {
+  WheelPicker,
+  WheelPickerContext,
+  WheelPickerControl,
+  WheelPickerHiddenSelect,
+  WheelPickerHighlight,
+  WheelPickerHighlightItem,
+  WheelPickerHighlightItemGroup,
+  WheelPickerItem,
+  WheelPickerItemGroup,
+  WheelPickerLabel,
+  WheelPickerProvider,
+  WheelPickerRoot,
+  WheelPickerRootProvider,
+  WheelPickerViewport,
+  collection as createWheelPickerCollection,
+  useWheelPicker,
+  useWheelPickerContext,
+  anatomy as wheelPickerAnatomy
+};

package/dist/vue/use-wheel-picker-context.cjs

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/vue/use-wheel-picker-context.ts
+var use_wheel_picker_context_exports = {};
+__export(use_wheel_picker_context_exports, {
+  WheelPickerProvider: () => WheelPickerProvider,
+  useWheelPickerContext: () => useWheelPickerContext
+});
+module.exports = __toCommonJS(use_wheel_picker_context_exports);
+var import_utils = require("@ark-ui/vue/utils");
+var [WheelPickerProvider, useWheelPickerContext] = (0, import_utils.createContext)("WheelPickerContext");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WheelPickerProvider,
+  useWheelPickerContext
+});

package/dist/vue/use-wheel-picker-context.d.cts

@@ -0,0 +1,12 @@
+import { UseWheelPickerReturn } from './use-wheel-picker.cjs';
+import '@isbatak/zag-wheel-picker';
+import '@zag-js/vue';
+import 'vue';
+import '../types.cjs';
+
+interface UseWheelPickerContext extends UseWheelPickerReturn {
+}
+declare const WheelPickerProvider: (opts: UseWheelPickerContext) => void;
+declare const useWheelPickerContext: (fallback?: UseWheelPickerContext | undefined) => UseWheelPickerContext;
+
+export { type UseWheelPickerContext, WheelPickerProvider, useWheelPickerContext };

package/dist/vue/use-wheel-picker-context.d.ts

@@ -0,0 +1,12 @@
+import { UseWheelPickerReturn } from './use-wheel-picker.js';
+import '@isbatak/zag-wheel-picker';
+import '@zag-js/vue';
+import 'vue';
+import '../types.js';
+
+interface UseWheelPickerContext extends UseWheelPickerReturn {
+}
+declare const WheelPickerProvider: (opts: UseWheelPickerContext) => void;
+declare const useWheelPickerContext: (fallback?: UseWheelPickerContext | undefined) => UseWheelPickerContext;
+
+export { type UseWheelPickerContext, WheelPickerProvider, useWheelPickerContext };

package/dist/vue/use-wheel-picker-context.js

@@ -0,0 +1,7 @@
+// src/vue/use-wheel-picker-context.ts
+import { createContext } from "@ark-ui/vue/utils";
+var [WheelPickerProvider, useWheelPickerContext] = createContext("WheelPickerContext");
+export {
+  WheelPickerProvider,
+  useWheelPickerContext
+};

package/dist/vue/use-wheel-picker.cjs

@@ -0,0 +1,75 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/vue/use-wheel-picker.ts
+var use_wheel_picker_exports = {};
+__export(use_wheel_picker_exports, {
+  useWheelPicker: () => useWheelPicker
+});
+module.exports = __toCommonJS(use_wheel_picker_exports);
+var import_environment = require("@ark-ui/vue/environment");
+var import_locale = require("@ark-ui/vue/locale");
+var wheelPicker = __toESM(require("@isbatak/zag-wheel-picker"), 1);
+var import_vue = require("@zag-js/vue");
+var import_vue2 = require("vue");
+var cleanProps = (props) => Object.fromEntries(Object.entries(props).filter(([, value]) => value !== void 0));
+var useWheelPicker = (props, emit) => {
+  const id = (0, import_vue2.useId)();
+  const env = (0, import_environment.useEnvironmentContext)(import_environment.DEFAULT_ENVIRONMENT);
+  const locale = (0, import_locale.useLocaleContext)(import_locale.DEFAULT_LOCALE);
+  const context = (0, import_vue2.computed)(() => {
+    const { modelValue, ...localProps } = (0, import_vue2.toValue)(props);
+    return {
+      id,
+      dir: locale.value.dir,
+      getRootNode: env.value.getRootNode,
+      value: modelValue,
+      ...cleanProps(localProps),
+      onValueChange(details) {
+        emit?.("valueChange", details);
+        emit?.("update:modelValue", details.value);
+        localProps.onValueChange?.(details);
+      },
+      onValueChangeEnd(details) {
+        emit?.("valueChangeEnd", details);
+        localProps.onValueChangeEnd?.(details);
+      },
+      onScrollChange(details) {
+        emit?.("scrollChange", details);
+        localProps.onScrollChange?.(details);
+      }
+    };
+  });
+  const service = (0, import_vue.useMachine)(wheelPicker.machine, context);
+  return (0, import_vue2.computed)(() => wheelPicker.connect(service, import_vue.normalizeProps));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useWheelPicker
+});

package/dist/vue/use-wheel-picker.d.cts

@@ -0,0 +1,19 @@
+import * as wheelPicker from '@isbatak/zag-wheel-picker';
+import { PropTypes } from '@zag-js/vue';
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+import { Optional } from '../types.cjs';
+
+interface UseWheelPickerProps<T extends wheelPicker.CollectionItem = wheelPicker.CollectionItem> extends Optional<Omit<wheelPicker.Props<T>, "dir" | "getRootNode" | "value">, "id"> {
+    modelValue?: string | null | undefined;
+}
+interface UseWheelPickerReturn<T extends wheelPicker.CollectionItem = wheelPicker.CollectionItem> extends ComputedRef<wheelPicker.Api<PropTypes, T>> {
+}
+interface WheelPickerRootEmits<T extends wheelPicker.CollectionItem = wheelPicker.CollectionItem> {
+    (event: "valueChange", details: wheelPicker.ValueChangeDetails<T>): void;
+    (event: "valueChangeEnd", details: wheelPicker.ValueChangeDetails<T>): void;
+    (event: "scrollChange", details: wheelPicker.ScrollChangeDetails<T>): void;
+    (event: "update:modelValue", value: string | null): void;
+}
+declare const useWheelPicker: <T extends wheelPicker.CollectionItem>(props: MaybeRefOrGetter<UseWheelPickerProps<T>>, emit?: WheelPickerRootEmits<T>) => UseWheelPickerReturn<T>;
+
+export { type UseWheelPickerProps, type UseWheelPickerReturn, type WheelPickerRootEmits, useWheelPicker };

package/dist/vue/use-wheel-picker.d.ts

@@ -0,0 +1,19 @@
+import * as wheelPicker from '@isbatak/zag-wheel-picker';
+import { PropTypes } from '@zag-js/vue';
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+import { Optional } from '../types.js';
+
+interface UseWheelPickerProps<T extends wheelPicker.CollectionItem = wheelPicker.CollectionItem> extends Optional<Omit<wheelPicker.Props<T>, "dir" | "getRootNode" | "value">, "id"> {
+    modelValue?: string | null | undefined;
+}
+interface UseWheelPickerReturn<T extends wheelPicker.CollectionItem = wheelPicker.CollectionItem> extends ComputedRef<wheelPicker.Api<PropTypes, T>> {
+}
+interface WheelPickerRootEmits<T extends wheelPicker.CollectionItem = wheelPicker.CollectionItem> {
+    (event: "valueChange", details: wheelPicker.ValueChangeDetails<T>): void;
+    (event: "valueChangeEnd", details: wheelPicker.ValueChangeDetails<T>): void;
+    (event: "scrollChange", details: wheelPicker.ScrollChangeDetails<T>): void;
+    (event: "update:modelValue", value: string | null): void;
+}
+declare const useWheelPicker: <T extends wheelPicker.CollectionItem>(props: MaybeRefOrGetter<UseWheelPickerProps<T>>, emit?: WheelPickerRootEmits<T>) => UseWheelPickerReturn<T>;
+
+export { type UseWheelPickerProps, type UseWheelPickerReturn, type WheelPickerRootEmits, useWheelPicker };

package/dist/vue/use-wheel-picker.js

@@ -0,0 +1,40 @@
+// src/vue/use-wheel-picker.ts
+import { DEFAULT_ENVIRONMENT, useEnvironmentContext } from "@ark-ui/vue/environment";
+import { DEFAULT_LOCALE, useLocaleContext } from "@ark-ui/vue/locale";
+import * as wheelPicker from "@isbatak/zag-wheel-picker";
+import { normalizeProps, useMachine } from "@zag-js/vue";
+import { computed, toValue, useId } from "vue";
+var cleanProps = (props) => Object.fromEntries(Object.entries(props).filter(([, value]) => value !== void 0));
+var useWheelPicker = (props, emit) => {
+  const id = useId();
+  const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+  const locale = useLocaleContext(DEFAULT_LOCALE);
+  const context = computed(() => {
+    const { modelValue, ...localProps } = toValue(props);
+    return {
+      id,
+      dir: locale.value.dir,
+      getRootNode: env.value.getRootNode,
+      value: modelValue,
+      ...cleanProps(localProps),
+      onValueChange(details) {
+        emit?.("valueChange", details);
+        emit?.("update:modelValue", details.value);
+        localProps.onValueChange?.(details);
+      },
+      onValueChangeEnd(details) {
+        emit?.("valueChangeEnd", details);
+        localProps.onValueChangeEnd?.(details);
+      },
+      onScrollChange(details) {
+        emit?.("scrollChange", details);
+        localProps.onScrollChange?.(details);
+      }
+    };
+  });
+  const service = useMachine(wheelPicker.machine, context);
+  return computed(() => wheelPicker.connect(service, normalizeProps));
+};
+export {
+  useWheelPicker
+};

package/dist/vue/wheel-picker-context.cjs

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/vue/wheel-picker-context.ts
+var wheel_picker_context_exports = {};
+__export(wheel_picker_context_exports, {
+  WheelPickerContext: () => WheelPickerContext
+});
+module.exports = __toCommonJS(wheel_picker_context_exports);
+var import_vue = require("vue");
+var import_use_wheel_picker_context = require("./use-wheel-picker-context.cjs");
+var WheelPickerContext = (0, import_vue.defineComponent)({
+  name: "WheelPickerContext",
+  slots: Object,
+  setup(_, { slots }) {
+    const api = (0, import_use_wheel_picker_context.useWheelPickerContext)();
+    return () => slots.default?.(api.value);
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WheelPickerContext
+});

package/dist/vue/wheel-picker-context.d.cts

@@ -0,0 +1,15 @@
+import * as vue from 'vue';
+import { SlotsType } from 'vue';
+import { UseWheelPickerContext } from './use-wheel-picker-context.cjs';
+import './use-wheel-picker.cjs';
+import '@isbatak/zag-wheel-picker';
+import '@zag-js/vue';
+import '../types.cjs';
+
+declare const WheelPickerContext: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default: UseWheelPickerContext["value"];
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { WheelPickerContext };

package/dist/vue/wheel-picker-context.d.ts

@@ -0,0 +1,15 @@
+import * as vue from 'vue';
+import { SlotsType } from 'vue';
+import { UseWheelPickerContext } from './use-wheel-picker-context.js';
+import './use-wheel-picker.js';
+import '@isbatak/zag-wheel-picker';
+import '@zag-js/vue';
+import '../types.js';
+
+declare const WheelPickerContext: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default: UseWheelPickerContext["value"];
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { WheelPickerContext };

package/dist/vue/wheel-picker-context.js

@@ -0,0 +1,14 @@
+// src/vue/wheel-picker-context.ts
+import { defineComponent } from "vue";
+import { useWheelPickerContext } from "./use-wheel-picker-context.js";
+var WheelPickerContext = defineComponent({
+  name: "WheelPickerContext",
+  slots: Object,
+  setup(_, { slots }) {
+    const api = useWheelPickerContext();
+    return () => slots.default?.(api.value);
+  }
+});
+export {
+  WheelPickerContext
+};

package/dist/vue/wheel-picker-control.cjs

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/vue/wheel-picker-control.ts
+var wheel_picker_control_exports = {};
+__export(wheel_picker_control_exports, {
+  WheelPickerControl: () => WheelPickerControl
+});
+module.exports = __toCommonJS(wheel_picker_control_exports);
+var import_factory = require("@ark-ui/vue/factory");
+var import_vue = require("vue");
+var import_use_wheel_picker_context = require("./use-wheel-picker-context.cjs");
+var WheelPickerControl = (0, import_vue.defineComponent)({
+  name: "WheelPickerControl",
+  props: {
+    asChild: Boolean
+  },
+  setup(props, { slots }) {
+    const api = (0, import_use_wheel_picker_context.useWheelPickerContext)();
+    return () => (0, import_vue.h)(import_factory.ark.div, { ...api.value.getControlProps(), asChild: props.asChild }, slots);
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WheelPickerControl
+});

package/dist/vue/wheel-picker-control.d.cts

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+
+declare const WheelPickerControl: vue.DefineComponent<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+}>> & Readonly<{}>, {
+    asChild: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { WheelPickerControl };

package/dist/vue/wheel-picker-control.d.ts

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+
+declare const WheelPickerControl: vue.DefineComponent<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+}>> & Readonly<{}>, {
+    asChild: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { WheelPickerControl };

package/dist/vue/wheel-picker-control.js

@@ -0,0 +1,17 @@
+// src/vue/wheel-picker-control.ts
+import { ark } from "@ark-ui/vue/factory";
+import { defineComponent, h } from "vue";
+import { useWheelPickerContext } from "./use-wheel-picker-context.js";
+var WheelPickerControl = defineComponent({
+  name: "WheelPickerControl",
+  props: {
+    asChild: Boolean
+  },
+  setup(props, { slots }) {
+    const api = useWheelPickerContext();
+    return () => h(ark.div, { ...api.value.getControlProps(), asChild: props.asChild }, slots);
+  }
+});
+export {
+  WheelPickerControl
+};

package/dist/vue/wheel-picker-hidden-select.cjs

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/vue/wheel-picker-hidden-select.ts
+var wheel_picker_hidden_select_exports = {};
+__export(wheel_picker_hidden_select_exports, {
+  WheelPickerHiddenSelect: () => WheelPickerHiddenSelect
+});
+module.exports = __toCommonJS(wheel_picker_hidden_select_exports);
+var import_factory = require("@ark-ui/vue/factory");
+var import_vue = require("vue");
+var import_use_wheel_picker_context = require("./use-wheel-picker-context.cjs");
+var WheelPickerHiddenSelect = (0, import_vue.defineComponent)({
+  name: "WheelPickerHiddenSelect",
+  setup() {
+    const api = (0, import_use_wheel_picker_context.useWheelPickerContext)();
+    return () => {
+      const { collection } = api.value;
+      return (0, import_vue.h)(
+        import_factory.ark.select,
+        api.value.getHiddenSelectProps(),
+        () => collection.items.map((item) => {
+          const value = collection.getItemValue(item) ?? "";
+          return (0, import_vue.h)(
+            "option",
+            { key: value, value, disabled: collection.getItemDisabled(item) },
+            collection.stringifyItem(item) ?? ""
+          );
+        })
+      );
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WheelPickerHiddenSelect
+});

package/dist/vue/wheel-picker-hidden-select.d.cts

@@ -0,0 +1,7 @@
+import * as vue from 'vue';
+
+declare const WheelPickerHiddenSelect: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { WheelPickerHiddenSelect };

package/dist/vue/wheel-picker-hidden-select.d.ts

@@ -0,0 +1,7 @@
+import * as vue from 'vue';
+
+declare const WheelPickerHiddenSelect: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { WheelPickerHiddenSelect };