@isbatak/ark-wheel-picker 0.0.0

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

@@ -0,0 +1,28 @@
+// src/vue/wheel-picker-hidden-select.ts
+import { ark } from "@ark-ui/vue/factory";
+import { defineComponent, h } from "vue";
+import { useWheelPickerContext } from "./use-wheel-picker-context.js";
+var WheelPickerHiddenSelect = defineComponent({
+  name: "WheelPickerHiddenSelect",
+  setup() {
+    const api = useWheelPickerContext();
+    return () => {
+      const { collection } = api.value;
+      return h(
+        ark.select,
+        api.value.getHiddenSelectProps(),
+        () => collection.items.map((item) => {
+          const value = collection.getItemValue(item) ?? "";
+          return h(
+            "option",
+            { key: value, value, disabled: collection.getItemDisabled(item) },
+            collection.stringifyItem(item) ?? ""
+          );
+        })
+      );
+    };
+  }
+});
+export {
+  WheelPickerHiddenSelect
+};

package/dist/vue/wheel-picker-highlight-item-group.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-highlight-item-group.ts
+var wheel_picker_highlight_item_group_exports = {};
+__export(wheel_picker_highlight_item_group_exports, {
+  WheelPickerHighlightItemGroup: () => WheelPickerHighlightItemGroup
+});
+module.exports = __toCommonJS(wheel_picker_highlight_item_group_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 WheelPickerHighlightItemGroup = (0, import_vue.defineComponent)({
+  name: "WheelPickerHighlightItemGroup",
+  props: {
+    asChild: Boolean
+  },
+  setup(props, { slots }) {
+    const api = (0, import_use_wheel_picker_context.useWheelPickerContext)();
+    return () => (0, import_vue.h)(import_factory.ark.ul, { ...api.value.getHighlightItemGroupProps(), asChild: props.asChild }, slots);
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WheelPickerHighlightItemGroup
+});

package/dist/vue/wheel-picker-highlight-item-group.d.cts

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+
+declare const WheelPickerHighlightItemGroup: 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 { WheelPickerHighlightItemGroup };

package/dist/vue/wheel-picker-highlight-item-group.d.ts

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+
+declare const WheelPickerHighlightItemGroup: 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 { WheelPickerHighlightItemGroup };

package/dist/vue/wheel-picker-highlight-item-group.js

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

package/dist/vue/wheel-picker-highlight-item.cjs

@@ -0,0 +1,48 @@
+"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-highlight-item.ts
+var wheel_picker_highlight_item_exports = {};
+__export(wheel_picker_highlight_item_exports, {
+  WheelPickerHighlightItem: () => WheelPickerHighlightItem
+});
+module.exports = __toCommonJS(wheel_picker_highlight_item_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 WheelPickerHighlightItem = (0, import_vue.defineComponent)({
+  name: "WheelPickerHighlightItem",
+  props: {
+    asChild: Boolean,
+    index: { type: Number, required: true },
+    item: { type: null, required: true }
+  },
+  setup(props, { slots }) {
+    const api = (0, import_use_wheel_picker_context.useWheelPickerContext)();
+    return () => (0, import_vue.h)(
+      import_factory.ark.li,
+      { ...api.value.getHighlightItemProps({ item: props.item, index: props.index }), asChild: props.asChild },
+      slots
+    );
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WheelPickerHighlightItem
+});

package/dist/vue/wheel-picker-highlight-item.d.cts

@@ -0,0 +1,31 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import * as wheelPicker from '@isbatak/zag-wheel-picker';
+
+declare const WheelPickerHighlightItem: vue.DefineComponent<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    item: {
+        type: PropType<wheelPicker.CollectionItem>;
+        required: true;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    item: {
+        type: PropType<wheelPicker.CollectionItem>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { WheelPickerHighlightItem };

package/dist/vue/wheel-picker-highlight-item.d.ts

@@ -0,0 +1,31 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import * as wheelPicker from '@isbatak/zag-wheel-picker';
+
+declare const WheelPickerHighlightItem: vue.DefineComponent<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    item: {
+        type: PropType<wheelPicker.CollectionItem>;
+        required: true;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    item: {
+        type: PropType<wheelPicker.CollectionItem>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { WheelPickerHighlightItem };

package/dist/vue/wheel-picker-highlight-item.js

@@ -0,0 +1,23 @@
+// src/vue/wheel-picker-highlight-item.ts
+import { ark } from "@ark-ui/vue/factory";
+import { defineComponent, h } from "vue";
+import { useWheelPickerContext } from "./use-wheel-picker-context.js";
+var WheelPickerHighlightItem = defineComponent({
+  name: "WheelPickerHighlightItem",
+  props: {
+    asChild: Boolean,
+    index: { type: Number, required: true },
+    item: { type: null, required: true }
+  },
+  setup(props, { slots }) {
+    const api = useWheelPickerContext();
+    return () => h(
+      ark.li,
+      { ...api.value.getHighlightItemProps({ item: props.item, index: props.index }), asChild: props.asChild },
+      slots
+    );
+  }
+});
+export {
+  WheelPickerHighlightItem
+};

package/dist/vue/wheel-picker-highlight.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-highlight.ts
+var wheel_picker_highlight_exports = {};
+__export(wheel_picker_highlight_exports, {
+  WheelPickerHighlight: () => WheelPickerHighlight
+});
+module.exports = __toCommonJS(wheel_picker_highlight_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 WheelPickerHighlight = (0, import_vue.defineComponent)({
+  name: "WheelPickerHighlight",
+  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.getHighlightProps(), asChild: props.asChild }, slots);
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WheelPickerHighlight
+});

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

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+
+declare const WheelPickerHighlight: 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 { WheelPickerHighlight };

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

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+
+declare const WheelPickerHighlight: 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 { WheelPickerHighlight };

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

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

package/dist/vue/wheel-picker-item-group.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-item-group.ts
+var wheel_picker_item_group_exports = {};
+__export(wheel_picker_item_group_exports, {
+  WheelPickerItemGroup: () => WheelPickerItemGroup
+});
+module.exports = __toCommonJS(wheel_picker_item_group_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 WheelPickerItemGroup = (0, import_vue.defineComponent)({
+  name: "WheelPickerItemGroup",
+  props: {
+    asChild: Boolean
+  },
+  setup(props, { slots }) {
+    const api = (0, import_use_wheel_picker_context.useWheelPickerContext)();
+    return () => (0, import_vue.h)(import_factory.ark.ul, { ...api.value.getItemGroupProps(), asChild: props.asChild }, slots);
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WheelPickerItemGroup
+});

package/dist/vue/wheel-picker-item-group.d.cts

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+
+declare const WheelPickerItemGroup: 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 { WheelPickerItemGroup };

package/dist/vue/wheel-picker-item-group.d.ts

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+
+declare const WheelPickerItemGroup: 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 { WheelPickerItemGroup };

package/dist/vue/wheel-picker-item-group.js

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

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

@@ -0,0 +1,48 @@
+"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-item.ts
+var wheel_picker_item_exports = {};
+__export(wheel_picker_item_exports, {
+  WheelPickerItem: () => WheelPickerItem
+});
+module.exports = __toCommonJS(wheel_picker_item_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 WheelPickerItem = (0, import_vue.defineComponent)({
+  name: "WheelPickerItem",
+  props: {
+    asChild: Boolean,
+    index: { type: Number, required: true },
+    item: { type: null, required: true }
+  },
+  setup(props, { slots }) {
+    const api = (0, import_use_wheel_picker_context.useWheelPickerContext)();
+    return () => (0, import_vue.h)(
+      import_factory.ark.li,
+      { ...api.value.getItemProps({ item: props.item, index: props.index }), asChild: props.asChild },
+      slots
+    );
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WheelPickerItem
+});

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

@@ -0,0 +1,31 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import * as wheelPicker from '@isbatak/zag-wheel-picker';
+
+declare const WheelPickerItem: vue.DefineComponent<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    item: {
+        type: PropType<wheelPicker.CollectionItem>;
+        required: true;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    item: {
+        type: PropType<wheelPicker.CollectionItem>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { WheelPickerItem };

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

@@ -0,0 +1,31 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import * as wheelPicker from '@isbatak/zag-wheel-picker';
+
+declare const WheelPickerItem: vue.DefineComponent<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    item: {
+        type: PropType<wheelPicker.CollectionItem>;
+        required: true;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    item: {
+        type: PropType<wheelPicker.CollectionItem>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { WheelPickerItem };

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

@@ -0,0 +1,23 @@
+// src/vue/wheel-picker-item.ts
+import { ark } from "@ark-ui/vue/factory";
+import { defineComponent, h } from "vue";
+import { useWheelPickerContext } from "./use-wheel-picker-context.js";
+var WheelPickerItem = defineComponent({
+  name: "WheelPickerItem",
+  props: {
+    asChild: Boolean,
+    index: { type: Number, required: true },
+    item: { type: null, required: true }
+  },
+  setup(props, { slots }) {
+    const api = useWheelPickerContext();
+    return () => h(
+      ark.li,
+      { ...api.value.getItemProps({ item: props.item, index: props.index }), asChild: props.asChild },
+      slots
+    );
+  }
+});
+export {
+  WheelPickerItem
+};

package/dist/vue/wheel-picker-label.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-label.ts
+var wheel_picker_label_exports = {};
+__export(wheel_picker_label_exports, {
+  WheelPickerLabel: () => WheelPickerLabel
+});
+module.exports = __toCommonJS(wheel_picker_label_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 WheelPickerLabel = (0, import_vue.defineComponent)({
+  name: "WheelPickerLabel",
+  props: {
+    asChild: Boolean
+  },
+  setup(props, { slots }) {
+    const api = (0, import_use_wheel_picker_context.useWheelPickerContext)();
+    return () => (0, import_vue.h)(import_factory.ark.label, { ...api.value.getLabelProps(), asChild: props.asChild }, slots);
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WheelPickerLabel
+});

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

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+
+declare const WheelPickerLabel: 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 { WheelPickerLabel };

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

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+
+declare const WheelPickerLabel: 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 { WheelPickerLabel };

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

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