@onereach/ui-components 10.0.1 → 10.0.2

package/dist/bundled/v3/components/OrPopoverV3/index.js

@@ -1 +1 @@
-export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, i as isPrevented } from '../OrPopoverV3-6c2dbc6b.js';
+export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, i as isPrevented } from '../OrPopoverV3-3e80d95c.js';

package/dist/bundled/v3/components/OrPopoverV3/props.js

@@ -1 +1 @@
-export { P as PopoverPlacement, a as PopoverVariant } from '../OrPopoverV3-6c2dbc6b.js';
+export { P as PopoverPlacement, a as PopoverVariant } from '../OrPopoverV3-3e80d95c.js';

package/dist/bundled/v3/components/OrPopoverV3/styles.js

@@ -1 +1 @@
-export { b as Popover, c as PopoverBody, d as PopoverBodyPlacements } from '../OrPopoverV3-6c2dbc6b.js';
+export { b as Popover, c as PopoverBody, d as PopoverBodyPlacements } from '../OrPopoverV3-3e80d95c.js';

package/dist/bundled/v3/components/OrPopoverV3/utils/index.js

@@ -1 +1 @@
-export { i as isPrevented } from '../../OrPopoverV3-6c2dbc6b.js';
+export { i as isPrevented } from '../../OrPopoverV3-3e80d95c.js';

package/dist/bundled/v3/components/OrPopoverV3/utils/isPrevented.js

@@ -1,2 +1,2 @@
 import '../../../utils/isAncestor.js';
-export { i as isPrevented } from '../../OrPopoverV3-6c2dbc6b.js';
+export { i as isPrevented } from '../../OrPopoverV3-3e80d95c.js';

package/dist/bundled/v3/components/{OrPopoverV3-6c2dbc6b.js → OrPopoverV3-3e80d95c.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
-import { c as computePosition, o as offset, a as shift, f as flip, h as hide, b as size, d as autoUpdate } from './OrFloating-18e0dac6.js';
-import { s as script$1, o as onClickOutside } from './OrBottomSheetV3-ec6d69fe.js';
+import { c as computePosition, o as offset, a as shift, f as flip, h as hide, b as size, d as autoUpdate } from './OrFloating-9b3e2ca1.js';
+import { s as script$1, o as onClickOutside } from './OrBottomSheetV3-efe9e0a6.js';
 import { computed, unref, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, defineComponent, toRefs, toRef } from 'vue-demi';
 import script$2 from './OrTeleportV3/OrTeleport.js';
 import useResponsive from '../hooks/useResponsive/useResponsive.js';

package/dist/bundled/v3/components/OrProgress/OrProgress.js

@@ -1 +1 @@
-export { s as default } from '../OrProgress-958f26d6.js';
+export { s as default } from '../OrProgress-2259f090.js';

package/dist/bundled/v3/components/OrProgress/constants.js

@@ -1 +1 @@
-export { O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-958f26d6.js';
+export { O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-2259f090.js';

package/dist/bundled/v3/components/OrProgress/index.js

@@ -1 +1 @@
-export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-958f26d6.js';
+export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-2259f090.js';

package/dist/bundled/v3/components/{OrProgress-958f26d6.js → OrProgress-2259f090.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle } from 'vue';
-import { s as styleInject } from './OrAvatar-bceb6c00.js';
-import { a as _root, t as toInteger_1, f as toNumber_1, g as toString_1 } from './OrDateTimePicker-ecc08f15.js';
+import { s as styleInject } from './OrAvatar-d1e1cd07.js';
+import { a as _root, t as toInteger_1, f as toNumber_1, g as toString_1 } from './OrDateTimePicker-a323d4d7.js';
 import { defineComponent } from 'vue-demi';
 
 var root = _root,

package/dist/bundled/v3/components/OrProgressV3/OrProgress.js

@@ -1 +1 @@
-export { s as default } from '../OrProgressV3-3ec4f0c0.js';
+export { s as default } from '../OrProgressV3-0e037442.js';

package/dist/bundled/v3/components/OrProgressV3/index.js

@@ -1 +1 @@
-export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgressV3-3ec4f0c0.js';
+export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgressV3-0e037442.js';

package/dist/bundled/v3/components/OrProgressV3/props.js

@@ -1 +1 @@
-export { P as ProgressColor, a as ProgressType } from '../OrProgressV3-3ec4f0c0.js';
+export { P as ProgressColor, a as ProgressType } from '../OrProgressV3-0e037442.js';

package/dist/bundled/v3/components/OrProgressV3/styles.js

@@ -1 +1 @@
-export { i as ProgressBarAnimationTypes, g as ProgressBarBackground, j as ProgressBarColors, h as ProgressBarMain, k as ProgressFooter, d as ProgressHeader, e as ProgressHeaderLabel, f as ProgressHeaderPercent, b as ProgressRoot, c as ProgressRootTypes } from '../OrProgressV3-3ec4f0c0.js';
+export { i as ProgressBarAnimationTypes, g as ProgressBarBackground, j as ProgressBarColors, h as ProgressBarMain, k as ProgressFooter, d as ProgressHeader, e as ProgressHeaderLabel, f as ProgressHeaderPercent, b as ProgressRoot, c as ProgressRootTypes } from '../OrProgressV3-0e037442.js';

package/dist/bundled/v3/components/{OrProgressV3-3ec4f0c0.js → OrProgressV3-0e037442.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { i as useElementBounding } from './OrBottomSheetV3-ec6d69fe.js';
-import { r as round_1 } from './OrProgress-958f26d6.js';
+import { i as useElementBounding } from './OrBottomSheetV3-efe9e0a6.js';
+import { r as round_1 } from './OrProgress-2259f090.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import useResponsive from '../hooks/useResponsive/useResponsive.js';
 

package/dist/bundled/v3/components/OrRadio/OrRadio.js

@@ -1 +1 @@
-export { s as default } from '../OrRadio-7a07f978.js';
+export { s as default } from '../OrRadio-0ce0edca.js';

package/dist/bundled/v3/components/OrRadio/index.js

@@ -1 +1 @@
-export { s as OrRadio } from '../OrRadio-7a07f978.js';
+export { s as OrRadio } from '../OrRadio-0ce0edca.js';

package/dist/bundled/v3/components/{OrRadio-7a07f978.js → OrRadio-0ce0edca.js}

@@ -1,8 +1,8 @@
-import { d as isArray_1, h as isSymbol_1, g as toString_1 } from './OrDateTimePicker-ecc08f15.js';
+import { d as isArray_1, h as isSymbol_1, g as toString_1 } from './OrDateTimePicker-a323d4d7.js';
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, pushScopeId, popScopeId } from 'vue';
-import { s as styleInject } from './OrAvatar-bceb6c00.js';
+import { s as styleInject } from './OrAvatar-d1e1cd07.js';
 import { defineComponent, inject, computed } from 'vue-demi';
-import { _ as _MapCache, i as isEqual_1 } from './OrList-92862764.js';
+import { _ as _MapCache, i as isEqual_1 } from './OrList-76d6ce56.js';
 
 var isArray$1 = isArray_1,
   isSymbol$1 = isSymbol_1;

package/dist/bundled/v3/components/OrRadioGroup/OrRadioGroup.js

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
-import { s as styleInject } from '../OrAvatar-bceb6c00.js';
+import { s as styleInject } from '../OrAvatar-d1e1cd07.js';
 import { defineComponent, computed, provide, getCurrentInstance } from 'vue-demi';
 
 var script = defineComponent({

package/dist/bundled/v3/components/OrRadioGroupV3/OrRadioGroup.js

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 import { defineComponent, toRef } from 'vue-demi';
-import { s as script$1 } from '../OrFormGroupV3-7fe620c0.js';
-import { s as script$2 } from '../OrRadioV3-f93b6867.js';
+import { s as script$1, F as FormGroupDirection } from '../OrFormGroupV3-7d09a939.js';
+import { s as script$2 } from '../OrRadioV3-e9c05c7b.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 
 var script = defineComponent({
@@ -16,35 +16,37 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: null,
-      default: null
+      type: undefined,
+      default: undefined
+    },
+    options: {
+      type: Array,
+      default: () => []
     },
     direction: {
       type: String,
-      default: 'vertical'
+      default: () => FormGroupDirection.Vertical
     },
     label: {
       type: String,
-      default: ''
-    },
-    options: {
-      type: Array,
-      default: () => []
+      default: undefined
     },
-    error: {
+    hint: {
       type: String,
-      default: ''
+      default: undefined
     },
-    hint: {
+    error: {
       type: String,
-      default: ''
+      default: undefined
     },
     disabled: {
       type: Boolean,
       default: false
     }
   },
+  emits: ['update:modelValue'],
   setup(props, context) {
+    // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     return {
       proxyModelValue
@@ -58,24 +60,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(_component_OrFormGroup, {
     direction: _ctx.direction,
     label: _ctx.label,
-    error: _ctx.error,
     hint: _ctx.hint,
+    error: _ctx.error,
     disabled: _ctx.disabled
   }, {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
     default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
       return openBlock(), createBlock(_component_OrRadio, {
-        key: option.value,
+        key: option.label,
         modelValue: _ctx.proxyModelValue,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
-        label: option.label,
         value: option.value,
+        label: option.label,
         disabled: _ctx.disabled || option.disabled
-      }, null, 8 /* PROPS */, ["modelValue", "label", "value", "disabled"]);
+      }, null, 8 /* PROPS */, ["modelValue", "value", "label", "disabled"]);
     }), 128 /* KEYED_FRAGMENT */))]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["direction", "label", "error", "hint", "disabled"]);
+  }, 8 /* PROPS */, ["direction", "label", "hint", "error", "disabled"]);
 }
 
 script.render = render;

package/dist/bundled/v3/components/OrRadioGroupV3/OrRadioGroup.vue.d.ts

@@ -1,83 +1,76 @@
 import { PropType } from 'vue-demi';
+import { FormGroupDirection } from '../or-form-group-v3';
+import { RadioModelValue } from '../or-radio-v3';
+import { RadioGroupOption } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: any;
-        default: null;
+        type: PropType<RadioModelValue>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<RadioGroupOption[]>;
+        default: () => never[];
     };
     direction: {
         type: PropType<"vertical" | "horizontal">;
-        default: string;
+        default: () => FormGroupDirection;
     };
     label: {
         type: StringConstructor;
-        default: string;
-    };
-    options: {
-        type: PropType<{
-            label: string;
-            value: any;
-            disabled?: boolean | undefined;
-        }[]>;
-        default: () => never[];
+        default: undefined;
     };
-    error: {
+    hint: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
-    hint: {
+    error: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<any>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<RadioModelValue>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
-        type: any;
-        default: null;
+        type: PropType<RadioModelValue>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<RadioGroupOption[]>;
+        default: () => never[];
     };
     direction: {
         type: PropType<"vertical" | "horizontal">;
-        default: string;
+        default: () => FormGroupDirection;
     };
     label: {
         type: StringConstructor;
-        default: string;
-    };
-    options: {
-        type: PropType<{
-            label: string;
-            value: any;
-            disabled?: boolean | undefined;
-        }[]>;
-        default: () => never[];
+        default: undefined;
     };
-    error: {
+    hint: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
-    hint: {
+    error: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
-    modelValue: any;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: RadioModelValue;
+    options: RadioGroupOption[];
     direction: "vertical" | "horizontal";
     label: string;
-    options: {
-        label: string;
-        value: any;
-        disabled?: boolean | undefined;
-    }[];
-    error: string;
     hint: string;
+    error: string;
     disabled: boolean;
 }>;
 export default _default;

package/dist/bundled/v3/components/OrRadioGroupV3/index.d.ts

@@ -1 +1,2 @@
 export { default as OrRadioGroupV3 } from './OrRadioGroup.vue';
+export * from './types';

package/dist/bundled/v3/components/OrRadioGroupV3/types.d.ts

@@ -0,0 +1,6 @@
+import { RadioValue } from '../or-radio-v3';
+export interface RadioGroupOption {
+    value: RadioValue;
+    label: string;
+    disabled?: boolean;
+}

package/dist/bundled/v3/components/OrRadioV3/OrRadio.js

@@ -1 +1 @@
-export { s as default } from '../OrRadioV3-f93b6867.js';
+export { s as default } from '../OrRadioV3-e9c05c7b.js';

package/dist/bundled/v3/components/OrRadioV3/OrRadio.vue.d.ts

@@ -1,12 +1,13 @@
 import { PropType } from 'vue-demi';
 import { LabelVariant } from '../or-label-v3';
+import { RadioModelValue, RadioValue } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: StringConstructor;
+        type: PropType<RadioModelValue>;
         default: undefined;
     };
     value: {
-        type: StringConstructor;
+        type: PropType<RadioValue>;
         required: true;
     };
     label: {
@@ -27,8 +28,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
-    control: import("vue-demi").Ref<HTMLInputElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
+    control: import("vue-demi").Ref<HTMLElement | undefined>;
     controlStyles: import("vue-demi").ComputedRef<string[]>;
     controlAttributes: {
         readonly: boolean | undefined;
@@ -36,16 +37,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | undefined>;
+    checked: import("vue-demi").ComputedRef<boolean>;
+    onChange: () => void;
     focus: () => void;
     blur: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur")[], "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "change" | "click" | "focus" | "blur")[], "update:modelValue" | "change" | "click" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
-        type: StringConstructor;
+        type: PropType<RadioModelValue>;
         default: undefined;
     };
     value: {
-        type: StringConstructor;
+        type: PropType<RadioValue>;
         required: true;
     };
     label: {
@@ -66,10 +68,12 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string;
+    modelValue: RadioModelValue;
     label: string;
     labelVariant: "input" | "toggle" | "menu-item";
     required: boolean;

package/dist/bundled/v3/components/OrRadioV3/index.d.ts

@@ -1 +1,2 @@
 export { default as OrRadioV3 } from './OrRadio.vue';
+export * from './types';

package/dist/bundled/v3/components/OrRadioV3/index.js

@@ -1 +1 @@
-export { s as OrRadioV3 } from '../OrRadioV3-f93b6867.js';
+export { s as OrRadioV3 } from '../OrRadioV3-e9c05c7b.js';

package/dist/bundled/v3/components/OrRadioV3/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const RadioRoot: string[];
+export declare const Radio: string[];
 export declare const RadioControl: string[];
 export declare const RadioControlHandle: string[];

package/dist/bundled/v3/components/OrRadioV3/styles.js

@@ -1 +1 @@
-export { a as RadioControl, b as RadioControlHandle, R as RadioRoot } from '../OrRadioV3-f93b6867.js';
+export { R as Radio, a as RadioControl, b as RadioControlHandle } from '../OrRadioV3-e9c05c7b.js';

package/dist/bundled/v3/components/OrRadioV3/types.d.ts

@@ -0,0 +1,2 @@
+export type RadioModelValue = RadioValue | null | undefined;
+export type RadioValue = string | number | object;

package/dist/bundled/v3/components/{OrRadioV3-f93b6867.js → OrRadioV3-e9c05c7b.js}

@@ -1,12 +1,12 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelDynamic, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { s as styleInject } from './OrAvatar-bceb6c00.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { s as styleInject } from './OrAvatar-d1e1cd07.js';
 import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
-import { s as script$1, L as LabelVariant } from './OrLabelV3-ebd5f67a.js';
+import { s as script$1, L as LabelVariant } from './OrLabelV3-b1cd132a.js';
 import { useIdAttribute } from '../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../hooks/useControlAttributes.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
 
-const RadioRoot = [
+const Radio = [
 // Layout
 'layout-row',
 // Spacing
@@ -14,12 +14,12 @@ const RadioRoot = [
 const RadioControl = [
 // Layout
 'layout-inline-row justify-center',
-// Box
-'w-md+ md:w-md', 'h-md+ md:h-md',
-// Shape
-'rounded-full',
 // Interactivity
 'interactivity-click',
+// Shape
+'rounded-full',
+// Box
+'w-md+ md:w-md', 'h-md+ md:h-md',
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)
@@ -27,14 +27,14 @@ const RadioControl = [
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const RadioControlHandle = [
-// Box
+// Box (children)
 'after:w-sm after:md:w-xs', 'after:h-sm after:md:h-xs',
-// Shape
+// Shape (children)
 'after:rounded-full',
-// Theme
-'checked:after:bg-on-primary', 'dark:checked:after:bg-on-primary-dark',
-// Theme (disabled)
-'disabled:checked:after:bg-on-disabled', 'dark:disabled:checked:after:bg-on-disabled-dark'];
+// Theme (children/checked)
+'after:checked:bg-on-primary', 'dark:after:checked:bg-on-primary-dark',
+// Theme (children/checked/disabled)
+'after:disabled:checked:bg-on-disabled', 'dark:after:disabled:checked:bg-on-disabled-dark'];
 
 var script = defineComponent({
   name: 'OrRadio',
@@ -47,11 +47,11 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: String,
+      type: undefined,
       default: undefined
     },
     value: {
-      type: String,
+      type: [String, Number, Object],
       required: true
     },
     label: {
@@ -71,14 +71,13 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'focus', 'blur'],
+  emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
-    // Refs
+    // Refs & Styles
     const root = ref();
+    const rootStyles = computed(() => ['or-radio-v3', ...Radio]);
     const control = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-radio-v3', ...RadioRoot]);
     const controlStyles = computed(() => [...RadioControl, ...RadioControlHandle]);
     // State
     const controlAttributes = reactive({
@@ -86,6 +85,13 @@ var script = defineComponent({
       ...useControlAttributes()
     });
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const checked = computed(() => {
+      return proxyModelValue.value === props.value;
+    });
+    // Handlers
+    function onChange() {
+      proxyModelValue.value = props.value;
+    }
     // Methods
     function focus() {
       var _a;
@@ -97,38 +103,44 @@ var script = defineComponent({
     }
     return {
       root,
-      control,
       rootStyles,
+      control,
       controlStyles,
       controlAttributes,
-      proxyModelValue,
+      checked,
+      onChange,
       focus,
       blur
     };
   }
 });
 
-const _hoisted_1 = ["value", "required", "disabled"];
+const _hoisted_1 = ["checked", "required", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [withDirectives(createElementVNode("input", mergeProps({
+  }, [createElementVNode("input", mergeProps({
     ref: 'control'
   }, _ctx.controlAttributes, {
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
     class: _ctx.controlStyles,
     type: 'radio',
-    value: _ctx.value,
+    checked: _ctx.checked,
     required: _ctx.required,
     disabled: _ctx.disabled,
-    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
-    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-  }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]]), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    onChange: _cache[0] || (_cache[0] = $event => {
+      _ctx.$emit('change', $event);
+      _ctx.onChange();
+    }),
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
+  }), null, 16 /* FULL_PROPS */, _hoisted_1), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     "control-id": _ctx.controlAttributes.id,
     variant: _ctx.labelVariant,
+    selected: _ctx.checked,
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {
@@ -136,7 +148,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["control-id", "variant", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["control-id", "variant", "selected", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
 var css_248z = "\ninput[data-v-2567d702] {\n  line-height: 0;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n";
@@ -146,4 +158,4 @@ script.render = render;
 script.__scopeId = "data-v-2567d702";
 script.__file = "src/components/or-radio-v3/OrRadio.vue";
 
-export { RadioRoot as R, RadioControl as a, RadioControlHandle as b, script as s };
+export { Radio as R, RadioControl as a, RadioControlHandle as b, script as s };

package/dist/bundled/v3/components/OrRangeSliderV3/OrRangeSlider.js

@@ -1 +1 @@
-export { s as default } from '../OrRangeSliderV3-ccd2e2fc.js';
+export { s as default } from '../OrRangeSliderV3-a7814bc6.js';

package/dist/bundled/v3/components/OrRangeSliderV3/index.js

@@ -1 +1 @@
-export { s as OrRangeSliderV3 } from '../OrRangeSliderV3-ccd2e2fc.js';
+export { s as OrRangeSliderV3 } from '../OrRangeSliderV3-a7814bc6.js';

package/dist/bundled/v3/components/OrRangeSliderV3/styles.js

@@ -1,2 +1,2 @@
-import '../OrSliderV3-494dcf81.js';
-export { R as RangeSlider, j as RangeSliderBreakpointMark, k as RangeSliderBreakpointMarkColors, l as RangeSliderLabel, n as RangeSliderLabelMark, o as RangeSliderLabelMarkOrientations, m as RangeSliderLabelOrientations, d as RangeSliderOffset, e as RangeSliderOffsetOrientations, a as RangeSliderOrientations, b as RangeSliderRail, c as RangeSliderRailOrientations, h as RangeSliderThumb, i as RangeSliderThumbColors, f as RangeSliderTrack, g as RangeSliderTrackColors } from '../OrRangeSliderV3-ccd2e2fc.js';
+import '../OrSliderV3-9d6ba683.js';
+export { R as RangeSlider, j as RangeSliderBreakpointMark, k as RangeSliderBreakpointMarkColors, l as RangeSliderLabel, n as RangeSliderLabelMark, o as RangeSliderLabelMarkOrientations, m as RangeSliderLabelOrientations, d as RangeSliderOffset, e as RangeSliderOffsetOrientations, a as RangeSliderOrientations, b as RangeSliderRail, c as RangeSliderRailOrientations, h as RangeSliderThumb, i as RangeSliderThumbColors, f as RangeSliderTrack, g as RangeSliderTrackColors } from '../OrRangeSliderV3-a7814bc6.js';

package/dist/bundled/v3/components/{OrRangeSliderV3-ccd2e2fc.js → OrRangeSliderV3-a7814bc6.js}

@@ -1,8 +1,8 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
-import { i as useElementBounding, a as useElementHover, j as useDraggable, k as clamp } from './OrBottomSheetV3-ec6d69fe.js';
+import { i as useElementBounding, a as useElementHover, j as useDraggable, k as clamp } from './OrBottomSheetV3-efe9e0a6.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { S as SliderOrientation, a as SliderColor } from './OrSliderV3-494dcf81.js';
-import { s as script$1 } from './OrTooltipV3-ed1de332.js';
+import { S as SliderOrientation, a as SliderColor } from './OrSliderV3-9d6ba683.js';
+import { s as script$1 } from './OrTooltipV3-30e60916.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
 
 const RangeSlider = [

package/dist/bundled/v3/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -1 +1 @@
-export { s as default } from '../OrResizeablePanelV3-991028db.js';
+export { s as default } from '../OrResizeablePanelV3-cd4756a2.js';

package/dist/bundled/v3/components/OrResizeablePanelV3/index.js

@@ -1 +1 @@
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-991028db.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-cd4756a2.js';