@ark-ui/vue 5.29.1 → 5.31.0

package/dist/components/progress/progress.types.d.ts

@@ -42,7 +42,7 @@ export interface RootProps {
     /**
      * The v-model value of the progress
      */
-    modelValue?: number;
+    modelValue?: number | null;
     /**
      * The orientation of the element.
      * @default "horizontal"

package/dist/components/qr-code/qr-code-download-trigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useQrCodeContext } from './use-qr-code-context.js';

package/dist/components/qr-code/qr-code-frame.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useQrCodeContext } from './use-qr-code-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/qr-code/qr-code-overlay.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useQrCodeContext } from './use-qr-code-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/qr-code/qr-code-pattern.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useQrCodeContext } from './use-qr-code-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/qr-code/qr-code-root-provider.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { QrCodeProvider } from './use-qr-code-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/qr-code/qr-code-root.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useQrCode } from './use-qr-code.js';
 import { QrCodeProvider } from './use-qr-code-context.js';

package/dist/components/radio-group/index.cjs

@@ -15,8 +15,8 @@ const radioGroupRoot_vue_vue_type_script_setup_true_lang = require('./radio-grou
 const useRadioGroup = require('./use-radio-group.cjs');
 const useRadioGroupContext = require('./use-radio-group-context.cjs');
 const useRadioGroupItemContext = require('./use-radio-group-item-context.cjs');
-const radioGroup$1 = require('./radio-group.cjs');
-const radioGroup = require('@zag-js/radio-group');
+const radioGroup = require('./radio-group.cjs');
+const radioGroup$1 = require('@zag-js/radio-group');
 
 
 
@@ -33,8 +33,8 @@ exports.RadioGroupRoot = radioGroupRoot_vue_vue_type_script_setup_true_lang.defa
 exports.useRadioGroup = useRadioGroup.useRadioGroup;
 exports.useRadioGroupContext = useRadioGroupContext.useRadioGroupContext;
 exports.useRadioGroupItemContext = useRadioGroupItemContext.useRadioGroupItemContext;
-exports.RadioGroup = radioGroup$1;
+exports.RadioGroup = radioGroup;
 Object.defineProperty(exports, "radioGroupAnatomy", {
   enumerable: true,
-  get: () => radioGroup.anatomy
+  get: () => radioGroup$1.anatomy
 });

package/dist/components/radio-group/radio-group-indicator.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useRadioGroupContext } from './use-radio-group-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/radio-group/radio-group-item-control.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useRadioGroupContext } from './use-radio-group-context.js';
 import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';

package/dist/components/radio-group/radio-group-item-hidden-input.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useRadioGroupContext } from './use-radio-group-context.js';
 import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';

package/dist/components/radio-group/radio-group-item-text.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useRadioGroupContext } from './use-radio-group-context.js';
 import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';

package/dist/components/radio-group/radio-group-item.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useRadioGroupContext } from './use-radio-group-context.js';
 import { RadioGroupItemProvider } from './use-radio-group-item-context.js';

package/dist/components/radio-group/radio-group-label.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useRadioGroupContext } from './use-radio-group-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/radio-group/radio-group-root-provider.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { RadioGroupProvider } from './use-radio-group-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/radio-group/radio-group-root.vue.cjs

@@ -16,14 +16,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     form: {},
     id: {},
     ids: {},
+    invalid: { type: Boolean },
     modelValue: {},
     name: {},
     orientation: {},
     readOnly: { type: Boolean },
+    required: { type: Boolean },
     asChild: { type: Boolean }
   }, {
     disabled: void 0,
-    readOnly: void 0
+    invalid: void 0,
+    readOnly: void 0,
+    required: void 0
   }),
   emits: ["valueChange", "update:modelValue"],
   setup(__props, { emit: __emit }) {

package/dist/components/radio-group/radio-group-root.vue.d.cts

@@ -19,7 +19,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<RadioGroupRootP
     onValueChange?: ((details: ValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
+    invalid: boolean;
     disabled: boolean;
+    required: boolean;
     readOnly: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

package/dist/components/radio-group/radio-group-root.vue.d.ts

@@ -19,7 +19,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<RadioGroupRootP
     onValueChange?: ((details: ValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
+    invalid: boolean;
     disabled: boolean;
+    required: boolean;
     readOnly: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

package/dist/components/radio-group/radio-group-root.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, mergeDefaults } from 'vue';
 import { ark } from '../factory.js';
 import { useRadioGroup } from './use-radio-group.js';
 import { RadioGroupProvider } from './use-radio-group-context.js';
@@ -12,14 +12,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     form: {},
     id: {},
     ids: {},
+    invalid: { type: Boolean },
     modelValue: {},
     name: {},
     orientation: {},
     readOnly: { type: Boolean },
+    required: { type: Boolean },
     asChild: { type: Boolean }
   }, {
     disabled: void 0,
-    readOnly: void 0
+    invalid: void 0,
+    readOnly: void 0,
+    required: void 0
   }),
   emits: ["valueChange", "update:modelValue"],
   setup(__props, { emit: __emit }) {

package/dist/components/radio-group/radio-group.types.d.cts

@@ -29,6 +29,10 @@ export interface RootProps {
         itemControl(value: string): string;
         itemHiddenInput(value: string): string;
     }>;
+    /**
+     * Whether the radio group is invalid
+     */
+    invalid?: boolean;
     /**
      * The v-model value of the radio group
      */
@@ -46,6 +50,10 @@ export interface RootProps {
      * Whether the checkbox is read-only
      */
     readOnly?: boolean;
+    /**
+     * Whether the radio group is required
+     */
+    required?: boolean;
 }
 export type RootEmits = {
     /**

package/dist/components/radio-group/radio-group.types.d.ts

@@ -29,6 +29,10 @@ export interface RootProps {
         itemControl(value: string): string;
         itemHiddenInput(value: string): string;
     }>;
+    /**
+     * Whether the radio group is invalid
+     */
+    invalid?: boolean;
     /**
      * The v-model value of the radio group
      */
@@ -46,6 +50,10 @@ export interface RootProps {
      * Whether the checkbox is read-only
      */
     readOnly?: boolean;
+    /**
+     * Whether the radio group is required
+     */
+    required?: boolean;
 }
 export type RootEmits = {
     /**

package/dist/components/radio-group/use-radio-group.cjs

@@ -7,7 +7,9 @@ const vue$1 = require('@zag-js/vue');
 const vue = require('vue');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+const boolean = require('../../utils/boolean.cjs');
 const cleanProps = require('../../utils/clean-props.cjs');
+const useFieldsetContext = require('../fieldset/use-fieldset-context.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -32,10 +34,17 @@ const useRadioGroup = (props = {}, emit) => {
   const id = vue.useId();
   const env = useEnvironmentContext.useEnvironmentContext(useEnvironmentContext.DEFAULT_ENVIRONMENT);
   const locale = useLocaleContext.useLocaleContext(useLocaleContext.DEFAULT_LOCALE);
+  const fieldset = useFieldsetContext.useFieldsetContext();
   const context = vue.computed(() => {
     const localProps = vue.toValue(props);
+    const fieldsetContext = fieldset?.value;
     return {
       id,
+      ids: {
+        label: fieldsetContext?.ids?.legend
+      },
+      disabled: boolean.toBooleanValue(fieldsetContext?.disabled),
+      invalid: fieldsetContext?.invalid,
       dir: locale.value.dir,
       value: localProps.modelValue,
       getRootNode: env?.value.getRootNode,

package/dist/components/radio-group/use-radio-group.js

@@ -3,16 +3,25 @@ import { useMachine, normalizeProps } from '@zag-js/vue';
 import { useId, computed, toValue } from 'vue';
 import { useEnvironmentContext, DEFAULT_ENVIRONMENT } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext, DEFAULT_LOCALE } from '../../providers/locale/use-locale-context.js';
+import { toBooleanValue } from '../../utils/boolean.js';
 import { cleanProps } from '../../utils/clean-props.js';
+import { useFieldsetContext } from '../fieldset/use-fieldset-context.js';
 
 const useRadioGroup = (props = {}, emit) => {
   const id = useId();
   const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
   const locale = useLocaleContext(DEFAULT_LOCALE);
+  const fieldset = useFieldsetContext();
   const context = computed(() => {
     const localProps = toValue(props);
+    const fieldsetContext = fieldset?.value;
     return {
       id,
+      ids: {
+        label: fieldsetContext?.ids?.legend
+      },
+      disabled: toBooleanValue(fieldsetContext?.disabled),
+      invalid: fieldsetContext?.invalid,
       dir: locale.value.dir,
       value: localProps.modelValue,
       getRootNode: env?.value.getRootNode,

package/dist/components/rating-group/index.cjs

@@ -13,8 +13,8 @@ const ratingGroupRoot_vue_vue_type_script_setup_true_lang = require('./rating-gr
 const useRatingGroup = require('./use-rating-group.cjs');
 const useRatingGroupContext = require('./use-rating-group-context.cjs');
 const useRatingGroupItemContext = require('./use-rating-group-item-context.cjs');
-const ratingGroup$1 = require('./rating-group.cjs');
-const ratingGroup = require('@zag-js/rating-group');
+const ratingGroup = require('./rating-group.cjs');
+const ratingGroup$1 = require('@zag-js/rating-group');
 
 
 
@@ -29,8 +29,8 @@ exports.RatingGroupRoot = ratingGroupRoot_vue_vue_type_script_setup_true_lang.de
 exports.useRatingGroup = useRatingGroup.useRatingGroup;
 exports.useRatingGroupContext = useRatingGroupContext.useRatingGroupContext;
 exports.useRatingGroupItemContext = useRatingGroupItemContext.useRatingGroupItemContext;
-exports.RatingGroup = ratingGroup$1;
+exports.RatingGroup = ratingGroup;
 Object.defineProperty(exports, "ratingGroupAnatomy", {
   enumerable: true,
-  get: () => ratingGroup.anatomy
+  get: () => ratingGroup$1.anatomy
 });

package/dist/components/rating-group/rating-group-control.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useRatingGroupContext } from './use-rating-group-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/rating-group/rating-group-hidden-input.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useRatingGroupContext } from './use-rating-group-context.js';
 import { useFieldContext } from '../field/use-field-context.js';

package/dist/components/rating-group/rating-group-item.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useRatingGroupContext } from './use-rating-group-context.js';
 import { RatingGroupItemProvider } from './use-rating-group-item-context.js';

package/dist/components/rating-group/rating-group-label.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useRatingGroupContext } from './use-rating-group-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/rating-group/rating-group-root-provider.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { RatingGroupProvider } from './use-rating-group-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/rating-group/rating-group-root.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, mergeDefaults } from 'vue';
 import { ark } from '../factory.js';
 import { useRatingGroup } from './use-rating-group.js';
 import { RatingGroupProvider } from './use-rating-group-context.js';

package/dist/components/scroll-area/index.cjs

@@ -12,8 +12,8 @@ const scrollAreaThumb_vue_vue_type_script_setup_true_lang = require('./scroll-ar
 const scrollAreaViewport_vue_vue_type_script_setup_true_lang = require('./scroll-area-viewport.vue.cjs');
 const useScrollArea = require('./use-scroll-area.cjs');
 const useScrollAreaContext = require('./use-scroll-area-context.cjs');
-const scrollArea$1 = require('./scroll-area.cjs');
-const scrollArea = require('@zag-js/scroll-area');
+const scrollArea = require('./scroll-area.cjs');
+const scrollArea$1 = require('@zag-js/scroll-area');
 
 
 
@@ -27,8 +27,8 @@ exports.ScrollAreaThumb = scrollAreaThumb_vue_vue_type_script_setup_true_lang.de
 exports.ScrollAreaViewport = scrollAreaViewport_vue_vue_type_script_setup_true_lang.default;
 exports.useScrollArea = useScrollArea.useScrollArea;
 exports.useScrollAreaContext = useScrollAreaContext.useScrollAreaContext;
-exports.ScrollArea = scrollArea$1;
+exports.ScrollArea = scrollArea;
 Object.defineProperty(exports, "scrollAreaAnatomy", {
   enumerable: true,
-  get: () => scrollArea.anatomy
+  get: () => scrollArea$1.anatomy
 });

package/dist/components/scroll-area/scroll-area-content.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useScrollAreaContext } from './use-scroll-area-context.js';

package/dist/components/scroll-area/scroll-area-corner.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useScrollAreaContext } from './use-scroll-area-context.js';

package/dist/components/scroll-area/scroll-area-root-provider.vue.cjs

@@ -15,15 +15,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    useScrollAreaContext.ScrollAreaProvider(vue.computed(() => props.value));
+    const scrollArea = vue.computed(() => props.value);
+    useScrollAreaContext.ScrollAreaProvider(scrollArea);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, { "as-child": __props.asChild }, {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(scrollArea.value.getRootProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 8, ["as-child"]);
+      }, 16, ["as-child"]);
     };
   }
 });

package/dist/components/scroll-area/scroll-area-root-provider.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { ScrollAreaProvider } from './use-scroll-area-context.js';
@@ -11,15 +11,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    ScrollAreaProvider(computed(() => props.value));
+    const scrollArea = computed(() => props.value);
+    ScrollAreaProvider(scrollArea);
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, { "as-child": __props.asChild }, {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(scrollArea.value.getRootProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 8, ["as-child"]);
+      }, 16, ["as-child"]);
     };
   }
 });

package/dist/components/scroll-area/scroll-area-root.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useScrollArea } from './use-scroll-area.js';

package/dist/components/scroll-area/scroll-area-scrollbar.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useScrollAreaContext } from './use-scroll-area-context.js';

package/dist/components/scroll-area/scroll-area-thumb.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useScrollAreaContext } from './use-scroll-area-context.js';

package/dist/components/scroll-area/scroll-area-viewport.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useScrollAreaContext } from './use-scroll-area-context.js';

package/dist/components/segment-group/segment-group-indicator.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { parts } from './segment-group.anatomy.js';
 import { useSegmentGroupContext } from './use-segment-group-context.js';

package/dist/components/segment-group/segment-group-item-control.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSegmentGroupContext } from './use-segment-group-context.js';
 import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context.js';

package/dist/components/segment-group/segment-group-item-hidden-input.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSegmentGroupContext } from './use-segment-group-context.js';
 import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context.js';

package/dist/components/segment-group/segment-group-item-text.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSegmentGroupContext } from './use-segment-group-context.js';
 import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context.js';

package/dist/components/segment-group/segment-group-item.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { SegmentGroupItemPropsProvider } from './use-segment-group-item-props-context.js';
 import { SegmentGroupItemProvider } from './use-segment-group-item-context.js';
 import { ark } from '../factory.js';

package/dist/components/segment-group/segment-group-label.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSegmentGroupContext } from './use-segment-group-context.js';
 import { parts } from './segment-group.anatomy.js';

package/dist/components/segment-group/segment-group-root-provider.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { SegmentGroupProvider } from './use-segment-group-context.js';
 import { parts } from './segment-group.anatomy.js';

package/dist/components/segment-group/segment-group-root.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, mergeDefaults } from 'vue';
 import { ark } from '../factory.js';
 import { useSegmentGroup } from './use-segment-group.js';
 import { SegmentGroupProvider } from './use-segment-group-context.js';

package/dist/components/segment-group/segment-group.types.d.cts

@@ -32,7 +32,7 @@ export interface RootProps {
     /**
      * The v-model value of the segment group
      */
-    modelValue?: string;
+    modelValue?: string | null;
     /**
      * The name of the input fields in the radio
      * (Useful for form submission).

package/dist/components/segment-group/segment-group.types.d.ts

@@ -32,7 +32,7 @@ export interface RootProps {
     /**
      * The v-model value of the segment group
      */
-    modelValue?: string;
+    modelValue?: string | null;
     /**
      * The name of the input fields in the radio
      * (Useful for form submission).

package/dist/components/select/index.cjs

@@ -26,8 +26,8 @@ const selectValueText_vue_vue_type_script_setup_true_lang = require('./select-va
 const useSelect = require('./use-select.cjs');
 const useSelectContext = require('./use-select-context.cjs');
 const useSelectItemContext = require('./use-select-item-context.cjs');
-const select$1 = require('./select.cjs');
-const select = require('@zag-js/select');
+const select = require('./select.cjs');
+const select$1 = require('@zag-js/select');
 
 
 
@@ -55,8 +55,8 @@ exports.SelectValueText = selectValueText_vue_vue_type_script_setup_true_lang.de
 exports.useSelect = useSelect.useSelect;
 exports.useSelectContext = useSelectContext.useSelectContext;
 exports.useSelectItemContext = useSelectItemContext.useSelectItemContext;
-exports.Select = select$1;
+exports.Select = select;
 Object.defineProperty(exports, "selectAnatomy", {
   enumerable: true,
-  get: () => select.anatomy
+  get: () => select$1.anatomy
 });

package/dist/components/select/index.d.cts

@@ -15,7 +15,7 @@ export { default as SelectItem, type SelectItemBaseProps, type SelectItemProps }
 export { default as SelectLabel, type SelectLabelBaseProps, type SelectLabelProps } from './select-label.vue';
 export { default as SelectList, type SelectListBaseProps, type SelectListProps } from './select-list.vue';
 export { default as SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps, } from './select-positioner.vue';
-export { default as SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, type SelectRootProviderComponent, } from './select-root-provider.vue';
+export { default as SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderEmits, type SelectRootProviderProps, type SelectRootProviderComponent, } from './select-root-provider.vue';
 export { default as SelectRoot, type SelectRootBaseProps, type SelectRootEmits, type SelectRootProps, type SelectRootComponent, type SelectRootComponentProps, } from './select-root.vue';
 export { default as SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger.vue';
 export { default as SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps, } from './select-value-text.vue';

package/dist/components/select/index.d.ts

@@ -15,7 +15,7 @@ export { default as SelectItem, type SelectItemBaseProps, type SelectItemProps }
 export { default as SelectLabel, type SelectLabelBaseProps, type SelectLabelProps } from './select-label.vue';
 export { default as SelectList, type SelectListBaseProps, type SelectListProps } from './select-list.vue';
 export { default as SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps, } from './select-positioner.vue';
-export { default as SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, type SelectRootProviderComponent, } from './select-root-provider.vue';
+export { default as SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderEmits, type SelectRootProviderProps, type SelectRootProviderComponent, } from './select-root-provider.vue';
 export { default as SelectRoot, type SelectRootBaseProps, type SelectRootEmits, type SelectRootProps, type SelectRootComponent, type SelectRootComponentProps, } from './select-root.vue';
 export { default as SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger.vue';
 export { default as SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps, } from './select-value-text.vue';

package/dist/components/select/select-clear-trigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSelectContext } from './use-select-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';