reka-ui 2.0.2 → 2.1.1

package/dist/Toggle/Toggle.cjs

@@ -49,7 +49,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onClick: togglePressed
       }, {
         default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default", { modelValue: vue.unref(modelValue) }),
+          vue.renderSlot(_ctx.$slots, "default", {
+            modelValue: vue.unref(modelValue),
+            disabled: _ctx.disabled,
+            pressed: vue.unref(modelValue),
+            state: dataState.value
+          }),
           vue.unref(isFormControl) && _ctx.name && !vue.unref(toggleGroupContext) ? (vue.openBlock(), vue.createBlock(VisuallyHidden_VisuallyHiddenInput._sfc_main, {
             key: 0,
             type: "checkbox",

package/dist/Toggle/Toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.cjs","sources":["../../src/Toggle/Toggle.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useFormControl, useForwardExpose } from '@/shared'\nimport VisuallyHiddenInput from '@/VisuallyHidden/VisuallyHiddenInput.vue'\nimport type { FormFieldProps } from '@/shared/types'\nimport { injectToggleGroupRootContext } from '@/ToggleGroup/ToggleGroupRoot.vue'\n\nexport type ToggleEmits = {\n  /** Event handler called when the value of the toggle changes. */\n  'update:modelValue': [value: boolean]\n}\n\nexport type DataState = 'on' | 'off'\n\nexport interface ToggleProps extends PrimitiveProps, FormFieldProps {\n  /**\n   * The pressed state of the toggle when it is initially rendered. Use when you do not need to control its open state.\n   */\n  defaultValue?: boolean\n  /**\n   * The controlled pressed state of the toggle. Can be bind as `v-model`.\n   */\n  modelValue?: boolean | null\n  /**\n   * When `true`, prevents the user from interacting with the toggle.\n   */\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { type Ref, computed } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { Primitive } from '@/Primitive'\n\nconst props = withDefaults(defineProps<ToggleProps>(), {\n  modelValue: undefined,\n  disabled: false,\n  as: 'button',\n})\n\nconst emits = defineEmits<ToggleEmits>()\n\ndefineSlots<{\n  default: (props: {\n    /** Current pressed state */\n    modelValue: typeof modelValue.value\n  }) => any\n}>()\n\nconst { forwardRef, currentElement } = useForwardExpose()\nconst toggleGroupContext = injectToggleGroupRootContext(null)\n\nconst modelValue = useVModel(props, 'modelValue', emits, {\n  defaultValue: props.defaultValue,\n  passive: (props.modelValue === undefined) as false,\n}) as Ref<boolean>\n\nfunction togglePressed() {\n  modelValue.value = !modelValue.value\n}\n\nconst dataState = computed<DataState>(() => {\n  return modelValue.value ? 'on' : 'off'\n})\n\nconst isFormControl = useFormControl(currentElement)\n</script>\n\n<template>\n  <Primitive\n    :ref=\"forwardRef\"\n    :type=\"as === 'button' ? 'button' : undefined\"\n    :as-child=\"props.asChild\"\n    :as=\"as\"\n    :aria-pressed=\"modelValue\"\n    :data-state=\"dataState\"\n    :data-disabled=\"disabled ? '' : undefined\"\n    :disabled=\"disabled\"\n    @click=\"togglePressed\"\n  >\n    <slot :model-value=\"modelValue\" />\n\n    <VisuallyHiddenInput\n      v-if=\"isFormControl && name && !toggleGroupContext\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :value=\"modelValue\"\n      :required=\"required\"\n    />\n  </Primitive>\n</template>\n"],"names":["useForwardExpose","injectToggleGroupRootContext","useVModel","computed","useFormControl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAMd,IAAA,MAAM,KAAQ,GAAA,MAAA;AASd,IAAA,MAAM,EAAE,UAAA,EAAY,cAAe,EAAA,GAAIA,wCAAiB,EAAA;AACxD,IAAM,MAAA,kBAAA,GAAqBC,yDAA6B,IAAI,CAAA;AAE5D,IAAA,MAAM,UAAa,GAAAC,cAAA,CAAU,KAAO,EAAA,YAAA,EAAc,KAAO,EAAA;AAAA,MACvD,cAAc,KAAM,CAAA,YAAA;AAAA,MACpB,OAAA,EAAU,MAAM,UAAe,KAAA;AAAA,KAChC,CAAA;AAED,IAAA,SAAS,aAAgB,GAAA;AACvB,MAAW,UAAA,CAAA,KAAA,GAAQ,CAAC,UAAW,CAAA,KAAA;AAAA;AAGjC,IAAM,MAAA,SAAA,GAAYC,aAAoB,MAAM;AAC1C,MAAO,OAAA,UAAA,CAAW,QAAQ,IAAO,GAAA,KAAA;AAAA,KAClC,CAAA;AAED,IAAM,MAAA,aAAA,GAAgBC,qCAAe,cAAc,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Toggle.cjs","sources":["../../src/Toggle/Toggle.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useFormControl, useForwardExpose } from '@/shared'\nimport VisuallyHiddenInput from '@/VisuallyHidden/VisuallyHiddenInput.vue'\nimport type { FormFieldProps } from '@/shared/types'\nimport { injectToggleGroupRootContext } from '@/ToggleGroup/ToggleGroupRoot.vue'\n\nexport type ToggleEmits = {\n  /** Event handler called when the value of the toggle changes. */\n  'update:modelValue': [value: boolean]\n}\n\nexport type DataState = 'on' | 'off'\n\nexport interface ToggleProps extends PrimitiveProps, FormFieldProps {\n  /**\n   * The pressed state of the toggle when it is initially rendered. Use when you do not need to control its open state.\n   */\n  defaultValue?: boolean\n  /**\n   * The controlled pressed state of the toggle. Can be bind as `v-model`.\n   */\n  modelValue?: boolean | null\n  /**\n   * When `true`, prevents the user from interacting with the toggle.\n   */\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { type Ref, computed } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { Primitive } from '@/Primitive'\n\nconst props = withDefaults(defineProps<ToggleProps>(), {\n  modelValue: undefined,\n  disabled: false,\n  as: 'button',\n})\n\nconst emits = defineEmits<ToggleEmits>()\n\ndefineSlots<{\n  default: (props: {\n    /** Current value */\n    modelValue: typeof modelValue.value\n    /** Current state */\n    state: typeof dataState.value\n    /** Current pressed state */\n    pressed: typeof modelValue.value\n    /** Current disabled state */\n    disabled: boolean\n  }) => any\n}>()\n\nconst { forwardRef, currentElement } = useForwardExpose()\nconst toggleGroupContext = injectToggleGroupRootContext(null)\n\nconst modelValue = useVModel(props, 'modelValue', emits, {\n  defaultValue: props.defaultValue,\n  passive: (props.modelValue === undefined) as false,\n}) as Ref<boolean>\n\nfunction togglePressed() {\n  modelValue.value = !modelValue.value\n}\n\nconst dataState = computed<DataState>(() => {\n  return modelValue.value ? 'on' : 'off'\n})\n\nconst isFormControl = useFormControl(currentElement)\n</script>\n\n<template>\n  <Primitive\n    :ref=\"forwardRef\"\n    :type=\"as === 'button' ? 'button' : undefined\"\n    :as-child=\"props.asChild\"\n    :as=\"as\"\n    :aria-pressed=\"modelValue\"\n    :data-state=\"dataState\"\n    :data-disabled=\"disabled ? '' : undefined\"\n    :disabled=\"disabled\"\n    @click=\"togglePressed\"\n  >\n    <slot\n      :model-value=\"modelValue\"\n      :disabled=\"disabled\"\n      :pressed=\"modelValue\"\n      :state=\"dataState\"\n    />\n\n    <VisuallyHiddenInput\n      v-if=\"isFormControl && name && !toggleGroupContext\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :value=\"modelValue\"\n      :required=\"required\"\n    />\n  </Primitive>\n</template>\n"],"names":["useForwardExpose","injectToggleGroupRootContext","useVModel","computed","useFormControl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAMd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAed,IAAA,MAAM,EAAE,UAAA,EAAY,cAAe,EAAA,GAAIA,wCAAiB,EAAA;AACxD,IAAM,MAAA,kBAAA,GAAqBC,yDAA6B,IAAI,CAAA;AAE5D,IAAA,MAAM,UAAa,GAAAC,cAAA,CAAU,KAAO,EAAA,YAAA,EAAc,KAAO,EAAA;AAAA,MACvD,cAAc,KAAM,CAAA,YAAA;AAAA,MACpB,OAAA,EAAU,MAAM,UAAe,KAAA;AAAA,KAChC,CAAA;AAED,IAAA,SAAS,aAAgB,GAAA;AACvB,MAAW,UAAA,CAAA,KAAA,GAAQ,CAAC,UAAW,CAAA,KAAA;AAAA;AAGjC,IAAM,MAAA,SAAA,GAAYC,aAAoB,MAAM;AAC1C,MAAO,OAAA,UAAA,CAAW,QAAQ,IAAO,GAAA,KAAA;AAAA,KAClC,CAAA;AAED,IAAM,MAAA,aAAA,GAAgBC,qCAAe,cAAc,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Toggle/Toggle.js

@@ -47,7 +47,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: togglePressed
       }, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) }),
+          renderSlot(_ctx.$slots, "default", {
+            modelValue: unref(modelValue),
+            disabled: _ctx.disabled,
+            pressed: unref(modelValue),
+            state: dataState.value
+          }),
           unref(isFormControl) && _ctx.name && !unref(toggleGroupContext) ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             type: "checkbox",

package/dist/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../src/Toggle/Toggle.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useFormControl, useForwardExpose } from '@/shared'\nimport VisuallyHiddenInput from '@/VisuallyHidden/VisuallyHiddenInput.vue'\nimport type { FormFieldProps } from '@/shared/types'\nimport { injectToggleGroupRootContext } from '@/ToggleGroup/ToggleGroupRoot.vue'\n\nexport type ToggleEmits = {\n  /** Event handler called when the value of the toggle changes. */\n  'update:modelValue': [value: boolean]\n}\n\nexport type DataState = 'on' | 'off'\n\nexport interface ToggleProps extends PrimitiveProps, FormFieldProps {\n  /**\n   * The pressed state of the toggle when it is initially rendered. Use when you do not need to control its open state.\n   */\n  defaultValue?: boolean\n  /**\n   * The controlled pressed state of the toggle. Can be bind as `v-model`.\n   */\n  modelValue?: boolean | null\n  /**\n   * When `true`, prevents the user from interacting with the toggle.\n   */\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { type Ref, computed } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { Primitive } from '@/Primitive'\n\nconst props = withDefaults(defineProps<ToggleProps>(), {\n  modelValue: undefined,\n  disabled: false,\n  as: 'button',\n})\n\nconst emits = defineEmits<ToggleEmits>()\n\ndefineSlots<{\n  default: (props: {\n    /** Current pressed state */\n    modelValue: typeof modelValue.value\n  }) => any\n}>()\n\nconst { forwardRef, currentElement } = useForwardExpose()\nconst toggleGroupContext = injectToggleGroupRootContext(null)\n\nconst modelValue = useVModel(props, 'modelValue', emits, {\n  defaultValue: props.defaultValue,\n  passive: (props.modelValue === undefined) as false,\n}) as Ref<boolean>\n\nfunction togglePressed() {\n  modelValue.value = !modelValue.value\n}\n\nconst dataState = computed<DataState>(() => {\n  return modelValue.value ? 'on' : 'off'\n})\n\nconst isFormControl = useFormControl(currentElement)\n</script>\n\n<template>\n  <Primitive\n    :ref=\"forwardRef\"\n    :type=\"as === 'button' ? 'button' : undefined\"\n    :as-child=\"props.asChild\"\n    :as=\"as\"\n    :aria-pressed=\"modelValue\"\n    :data-state=\"dataState\"\n    :data-disabled=\"disabled ? '' : undefined\"\n    :disabled=\"disabled\"\n    @click=\"togglePressed\"\n  >\n    <slot :model-value=\"modelValue\" />\n\n    <VisuallyHiddenInput\n      v-if=\"isFormControl && name && !toggleGroupContext\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :value=\"modelValue\"\n      :required=\"required\"\n    />\n  </Primitive>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAMd,IAAA,MAAM,KAAQ,GAAA,MAAA;AASd,IAAA,MAAM,EAAE,UAAA,EAAY,cAAe,EAAA,GAAI,gBAAiB,EAAA;AACxD,IAAM,MAAA,kBAAA,GAAqB,6BAA6B,IAAI,CAAA;AAE5D,IAAA,MAAM,UAAa,GAAA,SAAA,CAAU,KAAO,EAAA,YAAA,EAAc,KAAO,EAAA;AAAA,MACvD,cAAc,KAAM,CAAA,YAAA;AAAA,MACpB,OAAA,EAAU,MAAM,UAAe,KAAA;AAAA,KAChC,CAAA;AAED,IAAA,SAAS,aAAgB,GAAA;AACvB,MAAW,UAAA,CAAA,KAAA,GAAQ,CAAC,UAAW,CAAA,KAAA;AAAA;AAGjC,IAAM,MAAA,SAAA,GAAY,SAAoB,MAAM;AAC1C,MAAO,OAAA,UAAA,CAAW,QAAQ,IAAO,GAAA,KAAA;AAAA,KAClC,CAAA;AAED,IAAM,MAAA,aAAA,GAAgB,eAAe,cAAc,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Toggle.js","sources":["../../src/Toggle/Toggle.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useFormControl, useForwardExpose } from '@/shared'\nimport VisuallyHiddenInput from '@/VisuallyHidden/VisuallyHiddenInput.vue'\nimport type { FormFieldProps } from '@/shared/types'\nimport { injectToggleGroupRootContext } from '@/ToggleGroup/ToggleGroupRoot.vue'\n\nexport type ToggleEmits = {\n  /** Event handler called when the value of the toggle changes. */\n  'update:modelValue': [value: boolean]\n}\n\nexport type DataState = 'on' | 'off'\n\nexport interface ToggleProps extends PrimitiveProps, FormFieldProps {\n  /**\n   * The pressed state of the toggle when it is initially rendered. Use when you do not need to control its open state.\n   */\n  defaultValue?: boolean\n  /**\n   * The controlled pressed state of the toggle. Can be bind as `v-model`.\n   */\n  modelValue?: boolean | null\n  /**\n   * When `true`, prevents the user from interacting with the toggle.\n   */\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { type Ref, computed } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { Primitive } from '@/Primitive'\n\nconst props = withDefaults(defineProps<ToggleProps>(), {\n  modelValue: undefined,\n  disabled: false,\n  as: 'button',\n})\n\nconst emits = defineEmits<ToggleEmits>()\n\ndefineSlots<{\n  default: (props: {\n    /** Current value */\n    modelValue: typeof modelValue.value\n    /** Current state */\n    state: typeof dataState.value\n    /** Current pressed state */\n    pressed: typeof modelValue.value\n    /** Current disabled state */\n    disabled: boolean\n  }) => any\n}>()\n\nconst { forwardRef, currentElement } = useForwardExpose()\nconst toggleGroupContext = injectToggleGroupRootContext(null)\n\nconst modelValue = useVModel(props, 'modelValue', emits, {\n  defaultValue: props.defaultValue,\n  passive: (props.modelValue === undefined) as false,\n}) as Ref<boolean>\n\nfunction togglePressed() {\n  modelValue.value = !modelValue.value\n}\n\nconst dataState = computed<DataState>(() => {\n  return modelValue.value ? 'on' : 'off'\n})\n\nconst isFormControl = useFormControl(currentElement)\n</script>\n\n<template>\n  <Primitive\n    :ref=\"forwardRef\"\n    :type=\"as === 'button' ? 'button' : undefined\"\n    :as-child=\"props.asChild\"\n    :as=\"as\"\n    :aria-pressed=\"modelValue\"\n    :data-state=\"dataState\"\n    :data-disabled=\"disabled ? '' : undefined\"\n    :disabled=\"disabled\"\n    @click=\"togglePressed\"\n  >\n    <slot\n      :model-value=\"modelValue\"\n      :disabled=\"disabled\"\n      :pressed=\"modelValue\"\n      :state=\"dataState\"\n    />\n\n    <VisuallyHiddenInput\n      v-if=\"isFormControl && name && !toggleGroupContext\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :value=\"modelValue\"\n      :required=\"required\"\n    />\n  </Primitive>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAMd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAed,IAAA,MAAM,EAAE,UAAA,EAAY,cAAe,EAAA,GAAI,gBAAiB,EAAA;AACxD,IAAM,MAAA,kBAAA,GAAqB,6BAA6B,IAAI,CAAA;AAE5D,IAAA,MAAM,UAAa,GAAA,SAAA,CAAU,KAAO,EAAA,YAAA,EAAc,KAAO,EAAA;AAAA,MACvD,cAAc,KAAM,CAAA,YAAA;AAAA,MACpB,OAAA,EAAU,MAAM,UAAe,KAAA;AAAA,KAChC,CAAA;AAED,IAAA,SAAS,aAAgB,GAAA;AACvB,MAAW,UAAA,CAAA,KAAA,GAAQ,CAAC,UAAW,CAAA,KAAA;AAAA;AAGjC,IAAM,MAAA,SAAA,GAAY,SAAoB,MAAM;AAC1C,MAAO,OAAA,UAAA,CAAW,QAAQ,IAAO,GAAA,KAAA;AAAA,KAClC,CAAA;AAED,IAAM,MAAA,aAAA,GAAgB,eAAe,cAAc,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ToggleGroup/ToggleGroupItem.cjs

@@ -35,8 +35,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             "model-value": pressed.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(rootContext).changeModelValue(_ctx.value))
           }), {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "default")
+            default: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
             ]),
             _: 3
           }, 16, ["disabled", "model-value"])

package/dist/ToggleGroup/ToggleGroupItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupItem.cjs","sources":["../../src/ToggleGroup/ToggleGroupItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ToggleProps } from '@/Toggle'\nimport { isValueEqualOrExist, useForwardExpose } from '@/shared'\nimport type { AcceptableValue } from '@/shared/types'\n\nexport interface ToggleGroupItemProps extends Omit<ToggleProps, 'name' | 'required' | 'modelValue' | 'defaultValue'> {\n  /**\n   * A string value for the toggle group item. All items within a toggle group should use a unique value.\n   */\n  value: AcceptableValue\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { injectToggleGroupRootContext } from './ToggleGroupRoot.vue'\nimport { Toggle } from '@/Toggle'\nimport { RovingFocusItem } from '@/RovingFocus'\nimport { Primitive } from '@/Primitive'\n\nconst props = withDefaults(defineProps<ToggleGroupItemProps>(), {\n  as: 'button',\n})\n\nconst rootContext = injectToggleGroupRootContext()\nconst disabled = computed(() => rootContext.disabled?.value || props.disabled)\nconst pressed = computed(() => isValueEqualOrExist(rootContext.modelValue.value, props.value))\n\nconst { forwardRef } = useForwardExpose()\n</script>\n\n<template>\n  <component\n    :is=\"rootContext.rovingFocus.value ? RovingFocusItem : Primitive\"\n    as-child\n    :focusable=\"!disabled\"\n    :active=\"pressed\"\n  >\n    <Toggle\n      v-bind=\"props\"\n      :ref=\"forwardRef\"\n      :disabled=\"disabled\"\n      :model-value=\"pressed\"\n      @update:model-value=\"rootContext.changeModelValue(value)\"\n    >\n      <slot />\n    </Toggle>\n  </component>\n</template>\n"],"names":["injectToggleGroupRootContext","computed","isValueEqualOrExist","useForwardExpose"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,MAAM,cAAcA,wDAA6B,EAAA;AACjD,IAAA,MAAM,WAAWC,YAAS,CAAA,MAAM,YAAY,QAAU,EAAA,KAAA,IAAS,MAAM,QAAQ,CAAA;AAC7E,IAAM,MAAA,OAAA,GAAUA,aAAS,MAAMC,8CAAA,CAAoB,YAAY,UAAW,CAAA,KAAA,EAAO,KAAM,CAAA,KAAK,CAAC,CAAA;AAE7F,IAAM,MAAA,EAAE,UAAW,EAAA,GAAIC,wCAAiB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ToggleGroupItem.cjs","sources":["../../src/ToggleGroup/ToggleGroupItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ToggleProps } from '@/Toggle'\nimport { isValueEqualOrExist, useForwardExpose } from '@/shared'\nimport type { AcceptableValue } from '@/shared/types'\n\nexport interface ToggleGroupItemProps extends Omit<ToggleProps, 'name' | 'required' | 'modelValue' | 'defaultValue'> {\n  /**\n   * A string value for the toggle group item. All items within a toggle group should use a unique value.\n   */\n  value: AcceptableValue\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { injectToggleGroupRootContext } from './ToggleGroupRoot.vue'\nimport { Toggle } from '@/Toggle'\nimport { RovingFocusItem } from '@/RovingFocus'\nimport { Primitive } from '@/Primitive'\n\nconst props = withDefaults(defineProps<ToggleGroupItemProps>(), {\n  as: 'button',\n})\n\nconst rootContext = injectToggleGroupRootContext()\nconst disabled = computed(() => rootContext.disabled?.value || props.disabled)\nconst pressed = computed(() => isValueEqualOrExist(rootContext.modelValue.value, props.value))\n\nconst { forwardRef } = useForwardExpose()\n</script>\n\n<template>\n  <component\n    :is=\"rootContext.rovingFocus.value ? RovingFocusItem : Primitive\"\n    as-child\n    :focusable=\"!disabled\"\n    :active=\"pressed\"\n  >\n    <Toggle\n      v-bind=\"props\"\n      :ref=\"forwardRef\"\n      v-slot=\"slotProps\"\n      :disabled=\"disabled\"\n      :model-value=\"pressed\"\n      @update:model-value=\"rootContext.changeModelValue(value)\"\n    >\n      <slot v-bind=\"slotProps\" />\n    </Toggle>\n  </component>\n</template>\n"],"names":["injectToggleGroupRootContext","computed","isValueEqualOrExist","useForwardExpose"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,MAAM,cAAcA,wDAA6B,EAAA;AACjD,IAAA,MAAM,WAAWC,YAAS,CAAA,MAAM,YAAY,QAAU,EAAA,KAAA,IAAS,MAAM,QAAQ,CAAA;AAC7E,IAAM,MAAA,OAAA,GAAUA,aAAS,MAAMC,8CAAA,CAAoB,YAAY,UAAW,CAAA,KAAA,EAAO,KAAM,CAAA,KAAK,CAAC,CAAA;AAE7F,IAAM,MAAA,EAAE,UAAW,EAAA,GAAIC,wCAAiB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ToggleGroup/ToggleGroupItem.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, withCtx, createVNode, mergeProps, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { _ as _sfc_main$1 } from '../RovingFocus/RovingFocusItem.js';
 import { i as isValueEqualOrExist } from '../shared/isValueEqualOrExist.js';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
@@ -33,8 +33,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "model-value": pressed.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(rootContext).changeModelValue(_ctx.value))
           }), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
+            default: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))
             ]),
             _: 3
           }, 16, ["disabled", "model-value"])

package/dist/ToggleGroup/ToggleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupItem.js","sources":["../../src/ToggleGroup/ToggleGroupItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ToggleProps } from '@/Toggle'\nimport { isValueEqualOrExist, useForwardExpose } from '@/shared'\nimport type { AcceptableValue } from '@/shared/types'\n\nexport interface ToggleGroupItemProps extends Omit<ToggleProps, 'name' | 'required' | 'modelValue' | 'defaultValue'> {\n  /**\n   * A string value for the toggle group item. All items within a toggle group should use a unique value.\n   */\n  value: AcceptableValue\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { injectToggleGroupRootContext } from './ToggleGroupRoot.vue'\nimport { Toggle } from '@/Toggle'\nimport { RovingFocusItem } from '@/RovingFocus'\nimport { Primitive } from '@/Primitive'\n\nconst props = withDefaults(defineProps<ToggleGroupItemProps>(), {\n  as: 'button',\n})\n\nconst rootContext = injectToggleGroupRootContext()\nconst disabled = computed(() => rootContext.disabled?.value || props.disabled)\nconst pressed = computed(() => isValueEqualOrExist(rootContext.modelValue.value, props.value))\n\nconst { forwardRef } = useForwardExpose()\n</script>\n\n<template>\n  <component\n    :is=\"rootContext.rovingFocus.value ? RovingFocusItem : Primitive\"\n    as-child\n    :focusable=\"!disabled\"\n    :active=\"pressed\"\n  >\n    <Toggle\n      v-bind=\"props\"\n      :ref=\"forwardRef\"\n      :disabled=\"disabled\"\n      :model-value=\"pressed\"\n      @update:model-value=\"rootContext.changeModelValue(value)\"\n    >\n      <slot />\n    </Toggle>\n  </component>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,MAAM,cAAc,4BAA6B,EAAA;AACjD,IAAA,MAAM,WAAW,QAAS,CAAA,MAAM,YAAY,QAAU,EAAA,KAAA,IAAS,MAAM,QAAQ,CAAA;AAC7E,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM,mBAAA,CAAoB,YAAY,UAAW,CAAA,KAAA,EAAO,KAAM,CAAA,KAAK,CAAC,CAAA;AAE7F,IAAM,MAAA,EAAE,UAAW,EAAA,GAAI,gBAAiB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ToggleGroupItem.js","sources":["../../src/ToggleGroup/ToggleGroupItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ToggleProps } from '@/Toggle'\nimport { isValueEqualOrExist, useForwardExpose } from '@/shared'\nimport type { AcceptableValue } from '@/shared/types'\n\nexport interface ToggleGroupItemProps extends Omit<ToggleProps, 'name' | 'required' | 'modelValue' | 'defaultValue'> {\n  /**\n   * A string value for the toggle group item. All items within a toggle group should use a unique value.\n   */\n  value: AcceptableValue\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { injectToggleGroupRootContext } from './ToggleGroupRoot.vue'\nimport { Toggle } from '@/Toggle'\nimport { RovingFocusItem } from '@/RovingFocus'\nimport { Primitive } from '@/Primitive'\n\nconst props = withDefaults(defineProps<ToggleGroupItemProps>(), {\n  as: 'button',\n})\n\nconst rootContext = injectToggleGroupRootContext()\nconst disabled = computed(() => rootContext.disabled?.value || props.disabled)\nconst pressed = computed(() => isValueEqualOrExist(rootContext.modelValue.value, props.value))\n\nconst { forwardRef } = useForwardExpose()\n</script>\n\n<template>\n  <component\n    :is=\"rootContext.rovingFocus.value ? RovingFocusItem : Primitive\"\n    as-child\n    :focusable=\"!disabled\"\n    :active=\"pressed\"\n  >\n    <Toggle\n      v-bind=\"props\"\n      :ref=\"forwardRef\"\n      v-slot=\"slotProps\"\n      :disabled=\"disabled\"\n      :model-value=\"pressed\"\n      @update:model-value=\"rootContext.changeModelValue(value)\"\n    >\n      <slot v-bind=\"slotProps\" />\n    </Toggle>\n  </component>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,MAAM,cAAc,4BAA6B,EAAA;AACjD,IAAA,MAAM,WAAW,QAAS,CAAA,MAAM,YAAY,QAAU,EAAA,KAAA,IAAS,MAAM,QAAQ,CAAA;AAC7E,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM,mBAAA,CAAoB,YAAY,UAAW,CAAA,KAAA,EAAO,KAAM,CAAA,KAAK,CAAC,CAAA;AAE7F,IAAM,MAAA,EAAE,UAAW,EAAA,GAAI,gBAAiB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/date.d.ts

@@ -48,6 +48,8 @@ declare type DateRange = {
     end: DateValue | undefined;
 };
 
+export { DateValue }
+
 export declare function endOfDecade(dateObj: DateValue): DateValue;
 
 /**

package/dist/index.cjs

@@ -282,6 +282,7 @@ const shared_createContext = require('./shared/createContext.cjs');
 const Collapsible_CollapsibleRoot = require('./Collapsible/CollapsibleRoot.cjs');
 const Collapsible_CollapsibleTrigger = require('./Collapsible/CollapsibleTrigger.cjs');
 const Collapsible_CollapsibleContent = require('./Collapsible/CollapsibleContent.cjs');
+const Listbox_ListboxItem = require('./Listbox/ListboxItem.cjs');
 const DateRangeField_DateRangeFieldRoot = require('./DateRangeField/DateRangeFieldRoot.cjs');
 const DateRangeField_DateRangeFieldInput = require('./DateRangeField/DateRangeFieldInput.cjs');
 const Dialog_DialogRoot = require('./Dialog/DialogRoot.cjs');
@@ -294,7 +295,6 @@ const Dialog_DialogDescription = require('./Dialog/DialogDescription.cjs');
 const Listbox_ListboxRoot = require('./Listbox/ListboxRoot.cjs');
 const Listbox_ListboxContent = require('./Listbox/ListboxContent.cjs');
 const Listbox_ListboxFilter = require('./Listbox/ListboxFilter.cjs');
-const Listbox_ListboxItem = require('./Listbox/ListboxItem.cjs');
 const Listbox_ListboxItemIndicator = require('./Listbox/ListboxItemIndicator.cjs');
 const Listbox_ListboxVirtualizer = require('./Listbox/ListboxVirtualizer.cjs');
 const Listbox_ListboxGroup = require('./Listbox/ListboxGroup.cjs');
@@ -395,7 +395,6 @@ exports.ComboboxContent = Combobox_ComboboxContent._sfc_main;
 exports.ComboboxViewport = Combobox_ComboboxViewport._sfc_main;
 exports.ComboboxVirtualizer = Combobox_ComboboxVirtualizer._sfc_main;
 exports.ComboboxItem = Combobox_ComboboxItem._sfc_main;
-exports.injectComboboxItemContext = Combobox_ComboboxItem.injectComboboxItemContext;
 exports.ComboboxItemIndicator = Combobox_ComboboxItemIndicator._sfc_main;
 exports.ComboboxSeparator = Combobox_ComboboxSeparator._sfc_main;
 exports.ComboboxArrow = Combobox_ComboboxArrow._sfc_main;
@@ -667,6 +666,9 @@ exports.CollapsibleRoot = Collapsible_CollapsibleRoot._sfc_main;
 exports.injectCollapsibleRootContext = Collapsible_CollapsibleRoot.injectCollapsibleRootContext;
 exports.CollapsibleTrigger = Collapsible_CollapsibleTrigger._sfc_main;
 exports.CollapsibleContent = Collapsible_CollapsibleContent._sfc_main;
+exports.ListboxItem = Listbox_ListboxItem._sfc_main;
+exports.injectComboboxItemContext = Listbox_ListboxItem.injectListboxItemContext;
+exports.injectListboxItemContext = Listbox_ListboxItem.injectListboxItemContext;
 exports.DateRangeFieldRoot = DateRangeField_DateRangeFieldRoot._sfc_main;
 exports.injectDateRangeFieldRootContext = DateRangeField_DateRangeFieldRoot.injectDateRangeFieldRootContext;
 exports.DateRangeFieldInput = DateRangeField_DateRangeFieldInput._sfc_main;
@@ -682,8 +684,6 @@ exports.ListboxRoot = Listbox_ListboxRoot._sfc_main;
 exports.injectListboxRootContext = Listbox_ListboxRoot.injectListboxRootContext;
 exports.ListboxContent = Listbox_ListboxContent._sfc_main;
 exports.ListboxFilter = Listbox_ListboxFilter._sfc_main;
-exports.ListboxItem = Listbox_ListboxItem._sfc_main;
-exports.injectListboxItemContext = Listbox_ListboxItem.injectListboxItemContext;
 exports.ListboxItemIndicator = Listbox_ListboxItemIndicator._sfc_main;
 exports.ListboxVirtualizer = Listbox_ListboxVirtualizer._sfc_main;
 exports.ListboxGroup = Listbox_ListboxGroup._sfc_main;

package/dist/index.d.ts

@@ -2057,7 +2057,9 @@ export declare const AlertDialogRoot: __VLS_WithTemplateSlots_6<DefineComponent<
 }, string, PublicProps, Readonly<AlertDialogProps> & Readonly<{
 "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
+    default?(_: {
+        open: boolean;
+    }): any;
 }>;
 
 export declare const AlertDialogTitle: __VLS_WithTemplateSlots_12<DefineComponent<AlertDialogTitleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AlertDialogTitleProps> & Readonly<{}>, {
@@ -2620,6 +2622,10 @@ onContentFound?: ((args_0?: void | undefined) => any) | undefined;
     default?(_: {}): any;
 }>;
 
+export declare type CollapsibleContentEmits = {
+    contentFound: [void];
+};
+
 export declare interface CollapsibleContentProps extends PrimitiveProps {
     /**
      * Used to force mounting when more control is needed. Useful when
@@ -2832,10 +2838,6 @@ export declare const ComboboxItem: <T extends AcceptableValue = AcceptableValue>
     } | undefined;
 };
 
-declare interface ComboboxItemContext {
-    isSelected: Ref<boolean>;
-}
-
 export declare type ComboboxItemEmits<T = AcceptableValue> = ListboxItemEmits<T>;
 
 export declare const ComboboxItemIndicator: __VLS_WithTemplateSlots_45<DefineComponent<ComboboxItemIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ComboboxItemIndicatorProps> & Readonly<{}>, {
@@ -3493,6 +3495,8 @@ export declare function createContext<ContextValue>(providerComponentName: strin
 
 declare type DataOrientation = 'vertical' | 'horizontal';
 
+declare type DataState = 'on' | 'off';
+
 declare const DATE_SEGMENT_PARTS: readonly ["day", "month", "year"];
 
 declare type DateAndTimeSegmentObj = DateSegmentObj & TimeSegmentObj;
@@ -4201,6 +4205,8 @@ declare type DateSegmentObj = {
 
 declare type DateSegmentPart = (typeof DATE_SEGMENT_PARTS)[number];
 
+export { DateValue }
+
 declare type DayPeriod = 'AM' | 'PM' | null;
 
 export declare const DialogClose: __VLS_WithTemplateSlots_114<DefineComponent<DialogCloseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {
@@ -4996,7 +5002,7 @@ export declare const HoverCardRoot: __VLS_WithTemplateSlots_140<DefineComponent<
 }, string, PublicProps, Readonly<HoverCardRootProps> & Readonly<{
 "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-defaultOpen: false;
+defaultOpen: boolean;
 open: boolean;
 openDelay: number;
 closeDelay: number;
@@ -5031,7 +5037,7 @@ export declare type HoverCardRootEmits = {
 
 export declare interface HoverCardRootProps {
     /** The open state of the hover card when it is initially rendered. Use when you do not need to control its open state. */
-    defaultOpen?: false;
+    defaultOpen?: boolean;
     /** The controlled open state of the hover card. Can be binded as `v-model:open`. */
     open?: boolean;
     /** The duration from when the mouse enters the trigger until the hover card opens. */
@@ -5069,8 +5075,6 @@ export declare const injectCollapsibleRootContext: <T extends CollapsibleRootCon
 
 export declare const injectComboboxGroupContext: <T extends ComboboxGroupContext | null | undefined = ComboboxGroupContext>(fallback?: T | undefined) => T extends null ? ComboboxGroupContext | null : ComboboxGroupContext;
 
-export declare const injectComboboxItemContext: <T extends ComboboxItemContext | null | undefined = ComboboxItemContext>(fallback?: T | undefined) => T extends null ? ComboboxItemContext | null : ComboboxItemContext;
-
 export declare const injectComboboxRootContext: <T extends ComboboxRootContext<AcceptableValue> | null | undefined = ComboboxRootContext<AcceptableValue>>(fallback?: T | undefined) => T extends null ? ComboboxRootContext<AcceptableValue> | null : ComboboxRootContext<AcceptableValue>;
 
 export declare const injectConfigProviderContext: <T extends ConfigProviderContextValue | null | undefined = ConfigProviderContextValue>(fallback?: T | undefined) => T extends null ? ConfigProviderContextValue | null : ConfigProviderContextValue;
@@ -5095,7 +5099,9 @@ export declare const injectHoverCardRootContext: <T extends HoverCardRootContext
 
 export declare const injectListboxGroupContext: <T extends ListboxGroupContext | null | undefined = ListboxGroupContext>(fallback?: T | undefined) => T extends null ? ListboxGroupContext | null : ListboxGroupContext;
 
-export declare const injectListboxItemContext: <T extends ListboxItemContext | null | undefined = ListboxItemContext>(fallback?: T | undefined) => T extends null ? ListboxItemContext | null : ListboxItemContext;
+declare const injectListboxItemContext: <T extends ListboxItemContext | null | undefined = ListboxItemContext>(fallback?: T | undefined) => T extends null ? ListboxItemContext | null : ListboxItemContext;
+export { injectListboxItemContext as injectComboboxItemContext }
+export { injectListboxItemContext }
 
 export declare const injectListboxRootContext: <T extends ListboxRootContext<AcceptableValue> | null | undefined = ListboxRootContext<AcceptableValue>>(fallback?: T | undefined) => T extends null ? ListboxRootContext<AcceptableValue> | null : ListboxRootContext<AcceptableValue>;
 
@@ -6060,7 +6066,7 @@ declare interface MountingOptions<Props> {
     attrs?: Record<string, unknown>;
 }
 
-declare interface MultipleCalendarRootProps extends BaseCalendarRootProps {
+export declare interface MultipleCalendarRootProps extends BaseCalendarRootProps {
     /** The controlled checked state of the calendar. Can be bound as `v-model`. */
     modelValue?: DateValue[] | undefined;
     /** Whether or not multiple dates can be selected */
@@ -6385,6 +6391,7 @@ export declare const NumberFieldRoot: __VLS_WithTemplateSlots_177<DefineComponen
 defaultValue: number;
 as: AsTag | Component;
 step: number;
+stepSnapping: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {
         modelValue: number;
@@ -6404,6 +6411,7 @@ declare interface NumberFieldRootContext {
     validate: (val: string) => boolean;
     applyInputValue: (val: string) => void;
     disabled: Ref<boolean>;
+    disableWheelChange: Ref<boolean>;
     max: Ref<number | undefined>;
     min: Ref<number | undefined>;
     isDecreaseDisabled: Ref<boolean>;
@@ -6424,12 +6432,16 @@ export declare interface NumberFieldRootProps extends PrimitiveProps, FormFieldP
     max?: number;
     /** The amount that the input value changes with each increment or decrement "tick". */
     step?: number;
+    /** When `false`, prevents the value from snapping to the nearest increment of the step value */
+    stepSnapping?: boolean;
     /** Formatting options for the value displayed in the number field. This also affects what characters are allowed to be typed by the user. */
     formatOptions?: Intl.NumberFormatOptions;
     /** The locale to use for formatting dates */
     locale?: string;
     /** When `true`, prevents the user from interacting with the Number Field. */
     disabled?: boolean;
+    /** When `true`, prevents the value from changing on wheel scroll. */
+    disableWheelChange?: boolean;
     /** Id of the element */
     id?: string;
 }
@@ -8133,7 +8145,7 @@ declare type Side = (typeof SIDE_OPTIONS)[number];
 
 declare const SIDE_OPTIONS: readonly ["top", "right", "bottom", "left"];
 
-declare interface SingleCalendarRootProps extends BaseCalendarRootProps {
+export declare interface SingleCalendarRootProps extends BaseCalendarRootProps {
     /** The controlled checked state of the calendar. Can be bound as `v-model`. */
     modelValue?: DateValue | undefined;
     /** Whether or not multiple dates can be selected */
@@ -8181,12 +8193,14 @@ onValueCommit?: ((payload: number[]) => any) | undefined;
 }>, {
 defaultValue: number[];
 disabled: boolean;
+as: AsTag | Component;
 orientation: DataOrientation;
 step: number;
 min: number;
 max: number;
 inverted: boolean;
 minStepsBetweenThumbs: number;
+thumbAlignment: ThumbAlignment;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
     default: (props: {
         /** Current slider values */
@@ -8208,6 +8222,7 @@ declare interface SliderRootContext {
     currentModelValue: ComputedRef<number[]>;
     valueIndexToChangeRef: Ref<number>;
     thumbElements: Ref<HTMLElement[]>;
+    thumbAlignment: Ref<ThumbAlignment>;
 }
 
 export declare type SliderRootEmits = {
@@ -8244,9 +8259,18 @@ export declare interface SliderRootProps extends PrimitiveProps, FormFieldProps
     step?: number;
     /** The minimum permitted steps between multiple thumbs. */
     minStepsBetweenThumbs?: number;
+    /**
+     * The alignment of the slider thumb.
+     * - `contain`: thumbs will be contained within the bounds of the track.
+     * - `overflow`: thumbs will not be bound by the track. No extra offset will be added.
+     * @defaultValue 'contain'
+     */
+    thumbAlignment?: ThumbAlignment;
 }
 
-export declare const SliderThumb: __VLS_WithTemplateSlots_236<DefineComponent<SliderThumbProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SliderThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const SliderThumb: __VLS_WithTemplateSlots_236<DefineComponent<SliderThumbProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SliderThumbProps> & Readonly<{}>, {
+as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
@@ -9071,6 +9095,8 @@ declare interface TeleportProps {
     forceMount?: boolean;
 }
 
+declare type ThumbAlignment = 'contain' | 'overflow';
+
 declare const TIME_SEGMENT_PARTS: readonly ["hour", "minute", "second", "dayPeriod"];
 
 export declare const TimeFieldInput: __VLS_WithTemplateSlots_260<DefineComponent<TimeFieldInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TimeFieldInputProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
@@ -9404,13 +9430,25 @@ as: AsTag | Component;
 modelValue: boolean | null;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
     default: (props: {
-        /** Current pressed state */
+        /** Current value */
         modelValue: boolean;
+        /** Current state */
+        state: DataState;
+        /** Current pressed state */
+        pressed: boolean;
+        /** Current disabled state */
+        disabled: boolean;
     }) => any;
 }> & {
     default: (props: {
-        /** Current pressed state */
+        /** Current value */
         modelValue: boolean;
+        /** Current state */
+        state: DataState;
+        /** Current pressed state */
+        pressed: boolean;
+        /** Current disabled state */
+        disabled: boolean;
     }) => any;
 }>;
 
@@ -9422,7 +9460,12 @@ export declare type ToggleEmits = {
 export declare const ToggleGroupItem: __VLS_WithTemplateSlots_272<DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ToggleGroupItemProps> & Readonly<{}>, {
 as: AsTag | Component;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
+    default?(_: {
+        modelValue: boolean;
+        state: DataState;
+        pressed: boolean;
+        disabled: boolean;
+    }): any;
 }>;
 
 export declare interface ToggleGroupItemProps extends Omit<ToggleProps, 'name' | 'required' | 'modelValue' | 'defaultValue'> {

package/dist/index.js

@@ -44,7 +44,7 @@ export { _ as ComboboxLabel } from './Combobox/ComboboxLabel.js';
 export { _ as ComboboxContent } from './Combobox/ComboboxContent.js';
 export { _ as ComboboxViewport } from './Combobox/ComboboxViewport.js';
 export { _ as ComboboxVirtualizer } from './Combobox/ComboboxVirtualizer.js';
-export { _ as ComboboxItem, i as injectComboboxItemContext } from './Combobox/ComboboxItem.js';
+export { _ as ComboboxItem } from './Combobox/ComboboxItem.js';
 export { _ as ComboboxItemIndicator } from './Combobox/ComboboxItemIndicator.js';
 export { _ as ComboboxSeparator } from './Combobox/ComboboxSeparator.js';
 export { _ as ComboboxArrow } from './Combobox/ComboboxArrow.js';
@@ -278,6 +278,7 @@ export { c as createContext } from './shared/createContext.js';
 export { _ as CollapsibleRoot, i as injectCollapsibleRootContext } from './Collapsible/CollapsibleRoot.js';
 export { _ as CollapsibleTrigger } from './Collapsible/CollapsibleTrigger.js';
 export { _ as CollapsibleContent } from './Collapsible/CollapsibleContent.js';
+export { _ as ListboxItem, i as injectComboboxItemContext, i as injectListboxItemContext } from './Listbox/ListboxItem.js';
 export { _ as DateRangeFieldRoot, i as injectDateRangeFieldRootContext } from './DateRangeField/DateRangeFieldRoot.js';
 export { _ as DateRangeFieldInput } from './DateRangeField/DateRangeFieldInput.js';
 export { _ as DialogRoot, i as injectDialogRootContext } from './Dialog/DialogRoot.js';
@@ -290,7 +291,6 @@ export { _ as DialogDescription } from './Dialog/DialogDescription.js';
 export { _ as ListboxRoot, i as injectListboxRootContext } from './Listbox/ListboxRoot.js';
 export { _ as ListboxContent } from './Listbox/ListboxContent.js';
 export { _ as ListboxFilter } from './Listbox/ListboxFilter.js';
-export { _ as ListboxItem, i as injectListboxItemContext } from './Listbox/ListboxItem.js';
 export { _ as ListboxItemIndicator } from './Listbox/ListboxItemIndicator.js';
 export { _ as ListboxVirtualizer } from './Listbox/ListboxVirtualizer.js';
 export { _ as ListboxGroup, i as injectListboxGroupContext } from './Listbox/ListboxGroup.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reka-ui",
   "type": "module",
-  "version": "2.0.2",
+  "version": "2.1.1",
   "description": "Vue port for Radix UI Primitives.",
   "author": "UnoVue Contributors (https://github.com/unovue)",
   "license": "MIT",
@@ -101,7 +101,7 @@
     "@vueuse/shared": "^12.5.0",
     "aria-hidden": "^1.2.4",
     "defu": "^6.1.4",
-    "ohash": "^1.1.4"
+    "ohash": "^2.0.11"
   },
   "devDependencies": {
     "@iconify/vue": "^4.3.0",