@onereach/ui-components 10.0.1 → 10.0.2

package/dist/bundled/v2/utils/index.d.ts

@@ -13,3 +13,4 @@ export * from './isDescendant';
 export * from './isEmpty';
 export * from './isEmptyValue';
 export * from './isEqualValue';
+export * from './isVoid';

package/dist/bundled/v2/utils/index.js

@@ -12,3 +12,4 @@ export { isDescendant } from './isDescendant.js';
 export { isEmpty } from './isEmpty.js';
 export { isEmptyValue } from './isEmptyValue.js';
 export { isEqualValue } from './isEqualValue.js';
+export { isVoid } from './isVoid.js';

package/dist/bundled/v2/utils/isVoid.d.ts

@@ -0,0 +1 @@
+export declare function isVoid(value: unknown): value is null | undefined;

package/dist/bundled/v2/utils/isVoid.js

@@ -0,0 +1,5 @@
+function isVoid(value) {
+  return value === null || value === undefined;
+}
+
+export { isVoid };

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

@@ -1 +1 @@
-export { a as default } from '../OrAvatar-bceb6c00.js';
+export { a as default } from '../OrAvatar-d1e1cd07.js';

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

@@ -1 +1 @@
-export { O as OR_AVATAR_SIZE } from '../OrAvatar-bceb6c00.js';
+export { O as OR_AVATAR_SIZE } from '../OrAvatar-d1e1cd07.js';

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

@@ -1 +1 @@
-export { O as OR_AVATAR_SIZE, a as OrAvatar } from '../OrAvatar-bceb6c00.js';
+export { O as OR_AVATAR_SIZE, a as OrAvatar } from '../OrAvatar-d1e1cd07.js';

package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1 +1 @@
-export { s as default } from '../OrBottomSheetV3-ec6d69fe.js';
+export { s as default } from '../OrBottomSheetV3-efe9e0a6.js';

package/dist/bundled/v3/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,3 +1,3 @@
 import 'vue-demi';
-export { D as default } from '../../OrBottomSheetV3-ec6d69fe.js';
+export { D as default } from '../../OrBottomSheetV3-efe9e0a6.js';
 import '../../../hooks/useTheme.js';

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

@@ -1 +1 @@
-export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheetV3-ec6d69fe.js';
+export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheetV3-efe9e0a6.js';

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

@@ -1 +1 @@
-export { B as BottomSheetVariant } from '../OrBottomSheetV3-ec6d69fe.js';
+export { B as BottomSheetVariant } from '../OrBottomSheetV3-efe9e0a6.js';

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

@@ -1 +1 @@
-export { E as BottomSheet, I as BottomSheetContent, G as BottomSheetHandle, H as BottomSheetHeader, F as BottomSheetVariants } from '../OrBottomSheetV3-ec6d69fe.js';
+export { E as BottomSheet, I as BottomSheetContent, G as BottomSheetHandle, H as BottomSheetHeader, F as BottomSheetVariants } from '../OrBottomSheetV3-efe9e0a6.js';

package/dist/bundled/v3/components/{OrBottomSheetV3-ec6d69fe.js → OrBottomSheetV3-efe9e0a6.js}

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
 import { effectScope, isRef, ref, watch, unref, customRef, getCurrentScope, onScopeDispose, computed, toRefs as toRefs$1, getCurrentInstance, onMounted, nextTick, reactive, isVue2, watchEffect, readonly, defineComponent } from 'vue-demi';
 import { useTheme } from '../hooks/useTheme.js';
-import { s as script$1 } from './OrOverlayV3-16e02b22.js';
+import { s as script$1 } from './OrOverlayV3-fc3627aa.js';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 
 var _a;

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from '../OrAvatar-bceb6c00.js';
+import { s as styleInject } from '../OrAvatar-d1e1cd07.js';
 import { defineComponent, computed } from 'vue-demi';
 import { OrLoader as script$1, LoaderViews } from '../OrLoader/index.js';
 

package/dist/bundled/v3/components/OrButtonGroupV3/OrButtonGroup.js

@@ -1 +1 @@
-export { s as default } from '../OrButtonGroupV3-03b87501.js';
+export { s as default } from '../OrButtonGroupV3-11aadc91.js';

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

@@ -1 +1 @@
-export { s as OrButtonGroupV3 } from '../OrButtonGroupV3-03b87501.js';
+export { s as OrButtonGroupV3 } from '../OrButtonGroupV3-11aadc91.js';

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

@@ -1,2 +1,2 @@
-import '../OrButtonV3-0ce782ba.js';
-export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-03b87501.js';
+import '../OrButtonV3-a90c86d5.js';
+export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-11aadc91.js';

package/dist/bundled/v3/components/{OrButtonGroupV3-03b87501.js → OrButtonGroupV3-11aadc91.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { B as ButtonVariant, a as ButtonColor } from './OrButtonV3-0ce782ba.js';
+import { B as ButtonVariant, a as ButtonColor } from './OrButtonV3-a90c86d5.js';
 
 const ButtonGroup = [
 // Layout

package/dist/bundled/v3/components/OrButtonV2/OrButton.js

@@ -1 +1 @@
-export { s as default } from '../OrButtonV2-58b0a622.js';
+export { s as default } from '../OrButtonV2-aa07e3f4.js';

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

@@ -1 +1 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-58b0a622.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-aa07e3f4.js';

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

@@ -1,2 +1,2 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2 } from '../OrButtonV2-58b0a622.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2 } from '../OrButtonV2-aa07e3f4.js';
 export { default as OrIconButton } from '../OrIconButtonV2/OrIconButton.js';

package/dist/bundled/v3/components/{OrButtonV2-58b0a622.js → OrButtonV2-aa07e3f4.js}

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from './OrAvatar-bceb6c00.js';
+import { s as styleInject } from './OrAvatar-d1e1cd07.js';
 import { defineComponent, isVue3 } from 'vue-demi';
 import { OrIcon as script$1 } from './OrIcon/index.js';
 import { OrLoader as script$2, LoaderViews } from './OrLoader/index.js';

package/dist/bundled/v3/components/OrButtonV3/OrButton.js

@@ -1 +1 @@
-export { s as default } from '../OrButtonV3-0ce782ba.js';
+export { s as default } from '../OrButtonV3-a90c86d5.js';

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

@@ -1 +1 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButtonV3-0ce782ba.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButtonV3-a90c86d5.js';

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

@@ -1 +1 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButtonV3-0ce782ba.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButtonV3-a90c86d5.js';

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

@@ -1 +1 @@
-export { c as Button, e as ButtonColors, d as ButtonVariants } from '../OrButtonV3-0ce782ba.js';
+export { c as Button, e as ButtonColors, d as ButtonVariants } from '../OrButtonV3-a90c86d5.js';

package/dist/bundled/v3/components/{OrButtonV3-0ce782ba.js → OrButtonV3-a90c86d5.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
-import { s as script$1 } from './OrLoaderV3-7eed5201.js';
+import { s as script$1 } from './OrLoaderV3-0081e944.js';
 
 var ButtonVariant;
 (function (ButtonVariant) {

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

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

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
-import { s as styleInject } from '../OrAvatar-bceb6c00.js';
+import { s as styleInject } from '../OrAvatar-d1e1cd07.js';
 import { defineComponent, ref } from 'vue-demi';
 import script$1 from '../OrCard/OrCard.js';
 import { OrIcon as script$2 } from '../OrIcon/index.js';

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js

@@ -1 +1 @@
-export { s as default } from '../OrCardCollectionV3-96b8fc4b.js';
+export { s as default } from '../OrCardCollectionV3-7416a26d.js';

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

@@ -1 +1 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-96b8fc4b.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-7416a26d.js';

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

@@ -1 +1 @@
-export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-96b8fc4b.js';
+export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-7416a26d.js';

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

@@ -1 +1 @@
-export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-96b8fc4b.js';
+export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-7416a26d.js';

package/dist/bundled/v3/components/{OrCardCollectionV3-96b8fc4b.js → OrCardCollectionV3-7416a26d.js}

@@ -1,9 +1,9 @@
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButtonV3-c00fffaf.js';
-import { s as script$3 } from './OrSortingV3-26fee4df.js';
+import { s as script$2 } from './OrIconButtonV3-79f8c1eb.js';
+import { s as script$3 } from './OrSortingV3-22702d52.js';
 import script$4 from './OrSearchV3/OrSearch.js';
-import { s as script$5 } from './OrLoaderV3-7eed5201.js';
+import { s as script$5 } from './OrLoaderV3-0081e944.js';
 
 var CardCollectionView;
 (function (CardCollectionView) {

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, withModifiers, normalizeStyle, createVNode, Transition, withCtx, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from '../OrAvatar-bceb6c00.js';
+import { s as styleInject } from '../OrAvatar-d1e1cd07.js';
 import { defineComponent } from 'vue-demi';
 import { OrIcon as script$1 } from '../OrIcon/index.js';
 

package/dist/bundled/v3/components/OrCheckboxGroupV3/OrCheckboxGroup.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 '../OrCheckboxTreeV3-62eab28a.js';
-import { s as script$2, F as FormGroupDirection } from '../OrFormGroupV3-7fe620c0.js';
+import { s as script$1 } from '../OrCheckboxTreeV3-4635160f.js';
+import { s as script$2, F as FormGroupDirection } from '../OrFormGroupV3-7d09a939.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 
 var script = defineComponent({

package/dist/bundled/v3/components/OrCheckboxTreeV3/OrCheckboxTree.js

@@ -1 +1 @@
-export { s as default } from '../OrCheckboxTreeV3-62eab28a.js';
+export { s as default } from '../OrCheckboxTreeV3-4635160f.js';

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

@@ -1 +1 @@
-export { s as OrCheckboxTreeV3 } from '../OrCheckboxTreeV3-62eab28a.js';
+export { s as OrCheckboxTreeV3 } from '../OrCheckboxTreeV3-4635160f.js';

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

@@ -1 +1 @@
-export { C as CheckboxTreeRoot, a as CheckboxTreeRootParent } from '../OrCheckboxTreeV3-62eab28a.js';
+export { C as CheckboxTreeRoot, a as CheckboxTreeRootParent } from '../OrCheckboxTreeV3-4635160f.js';

package/dist/bundled/v3/components/OrCheckboxTreeV3/utils/extractChildrenValues.js

@@ -1,2 +1,2 @@
 import '../../../utils/functions/flattenDeep.js';
-export { e as extractChildrenValues } from '../../OrCheckboxTreeV3-62eab28a.js';
+export { e as extractChildrenValues } from '../../OrCheckboxTreeV3-4635160f.js';

package/dist/bundled/v3/components/{OrCheckboxTreeV3-62eab28a.js → OrCheckboxTreeV3-4635160f.js}

@@ -2,9 +2,9 @@ import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragme
 import { defineComponent, toRefs, computed, watch } from 'vue-demi';
 import flattenDeep from '../utils/functions/flattenDeep.js';
 import { s as script$1 } from './OrIconV3-34670800.js';
-import { s as script$2 } from './OrCheckboxV3-02115a7f.js';
-import { s as script$3 } from './OrButtonV3-0ce782ba.js';
-import { u as useToggle } from './OrBottomSheetV3-ec6d69fe.js';
+import { s as script$2 } from './OrCheckboxV3-69269b9c.js';
+import { s as script$3 } from './OrButtonV3-a90c86d5.js';
+import { u as useToggle } from './OrBottomSheetV3-efe9e0a6.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
 
 const CheckboxTreeRoot = [

package/dist/bundled/v3/components/OrCheckboxV3/OrCheckbox.js

@@ -1 +1 @@
-export { s as default } from '../OrCheckboxV3-02115a7f.js';
+export { s as default } from '../OrCheckboxV3-69269b9c.js';

package/dist/bundled/v3/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -1,13 +1,14 @@
 import { PropType } from 'vue-demi';
 import { LabelVariant } from '../or-label-v3';
+import { CheckboxModelValue, CheckboxValue } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: any;
-        default: null;
+        type: PropType<CheckboxModelValue>;
+        default: undefined;
     };
     value: {
-        type: PropType<string | number | boolean | object>;
-        default: null;
+        type: PropType<CheckboxValue>;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -31,8 +32,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;
@@ -40,18 +41,18 @@ declare const _default: import("vue-demi").DefineComponent<{
         'force-state': string | undefined;
         id: string | undefined;
     };
-    isChecked: import("vue-demi").ComputedRef<boolean>;
-    handleChange: () => void;
+    checked: import("vue-demi").ComputedRef<boolean>;
+    onChange: () => void;
     focus: () => void;
     blur: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "click" | "focus" | "blur")[], "update:modelValue" | "click" | "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: any;
-        default: null;
+        type: PropType<CheckboxModelValue>;
+        default: undefined;
     };
     value: {
-        type: PropType<string | number | boolean | object>;
-        default: null;
+        type: PropType<CheckboxValue>;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -75,12 +76,13 @@ 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: any;
-    value: string | number | boolean | object;
+    modelValue: CheckboxModelValue;
+    value: CheckboxValue;
     label: string;
     labelVariant: "input" | "toggle" | "menu-item";
     indeterminate: boolean;

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

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

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

@@ -1 +1 @@
-export { s as OrCheckboxV3 } from '../OrCheckboxV3-02115a7f.js';
+export { s as OrCheckboxV3 } from '../OrCheckboxV3-69269b9c.js';

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

@@ -1 +1 @@
-export { C as Checkbox, a as CheckboxControl, b as CheckboxControlHandle } from '../OrCheckboxV3-02115a7f.js';
+export { C as Checkbox, a as CheckboxControl, b as CheckboxControlHandle } from '../OrCheckboxV3-69269b9c.js';

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

@@ -0,0 +1,2 @@
+export type CheckboxModelValue = CheckboxValue[] | boolean | null | undefined;
+export type CheckboxValue = string | number | object;

package/dist/bundled/v3/components/{OrCheckboxV3-02115a7f.js → OrCheckboxV3-69269b9c.js}

@@ -1,8 +1,8 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { s as styleInject } from './OrAvatar-bceb6c00.js';
+import { s as styleInject } from './OrAvatar-d1e1cd07.js';
 import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
-import { isEmptyValue } from '../utils/isEmptyValue.js';
-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 { isVoid } from '../utils/isVoid.js';
 import { useIdAttribute } from '../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../hooks/useControlAttributes.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
@@ -15,27 +15,27 @@ const Checkbox = [
 const CheckboxControl = [
 // Layout
 'layout-inline-row justify-center',
-// Box
-'w-md+ md:w-md', 'h-md+ md:h-md',
-// Shape
-'rounded-sm',
 // Interactivity
 'interactivity-click',
+// Shape
+'rounded-sm',
+// Box
+'w-md+ md:w-md', 'h-md+ md:h-md',
 // Iconography
 'iconography-outlined',
 // 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)
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark',
 // Theme (indeterminate)
-'indeterminate:theme-preset-1-primary', 'dark:indeterminate:theme-preset-1-primary-dark',
-// Theme (focus)
-'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark'];
+'indeterminate:theme-preset-1-primary', 'dark:indeterminate:theme-preset-1-primary-dark'];
 const CheckboxControlHandle = [
-// Content (checked)
-'checked:after:content-checkbox-checked',
-// Content (indeterminate)
-'indeterminate:after:content-checkbox-indeterminate'];
+// Content (children/checked)
+'after:checked:content-checkbox-checked',
+// Content (children/indeterminate)
+'after:indeterminate:content-checkbox-indeterminate'];
 
 var script = defineComponent({
   name: 'OrCheckbox',
@@ -48,12 +48,12 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: null,
-      default: null
+      type: undefined,
+      default: undefined
     },
     value: {
-      type: [Object, String, Number, Boolean],
-      default: null
+      type: [String, Number, Object],
+      default: undefined
     },
     label: {
       type: String,
@@ -76,14 +76,13 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'click', 'focus', 'blur'],
+  emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
-    // Refs
+    // Refs & Styles
     const root = ref();
-    const control = ref();
-    // Styles
     const rootStyles = computed(() => ['or-checkbox-v3', ...Checkbox]);
+    const control = ref();
     const controlStyles = computed(() => [...CheckboxControl, ...CheckboxControlHandle]);
     // State
     const controlAttributes = reactive({
@@ -91,16 +90,22 @@ var script = defineComponent({
       ...useControlAttributes()
     });
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const isChecked = computed(() => {
+    const checked = computed(() => {
       if (Array.isArray(proxyModelValue.value)) {
-        return !isEmptyValue(props.value) && proxyModelValue.value.includes(props.value);
+        if (isVoid(props.value)) {
+          throw new Error('[OrCheckbox]: Property "value" must be specified.');
+        }
+        return proxyModelValue.value.includes(props.value);
       }
-      return !!proxyModelValue.value;
+      return Boolean(proxyModelValue.value);
     });
-    // Methods
-    function handleChange() {
+    // Handlers
+    function onChange() {
       if (Array.isArray(proxyModelValue.value)) {
-        if (isChecked.value) {
+        if (isVoid(props.value)) {
+          throw new Error('[OrCheckbox]: Property "value" must be specified.');
+        }
+        if (checked.value) {
           proxyModelValue.value = proxyModelValue.value.filter(value => value !== props.value);
         } else {
           proxyModelValue.value = [...proxyModelValue.value, props.value];
@@ -109,6 +114,7 @@ var script = defineComponent({
         proxyModelValue.value = !proxyModelValue.value;
       }
     }
+    // Methods
     function focus() {
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
@@ -119,12 +125,12 @@ var script = defineComponent({
     }
     return {
       root,
-      control,
       rootStyles,
+      control,
       controlStyles,
       controlAttributes,
-      isChecked,
-      handleChange,
+      checked,
+      onChange,
       focus,
       blur
     };
@@ -138,16 +144,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [createElementVNode("input", mergeProps({
-    ref: 'control',
-    checked: _ctx.isChecked
+    ref: 'control'
   }, _ctx.controlAttributes, {
     class: _ctx.controlStyles,
     type: 'checkbox',
+    checked: _ctx.checked,
     ".indeterminate": _ctx.indeterminate,
     required: _ctx.required,
     disabled: _ctx.disabled,
-    onChange: _cache[0] || (_cache[0] = function () {
-      return _ctx.handleChange && _ctx.handleChange(...arguments);
+    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)),
@@ -156,7 +163,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     "control-id": _ctx.controlAttributes.id,
     variant: _ctx.labelVariant,
-    selected: _ctx.isChecked,
+    selected: _ctx.checked,
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {

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

@@ -1 +1 @@
-export { s as default } from '../OrChips-06567038.js';
+export { s as default } from '../OrChips-ca0f1380.js';

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

@@ -1 +1 @@
-export { s as OrChip } from '../OrChips-06567038.js';
+export { s as OrChip } from '../OrChips-ca0f1380.js';

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

@@ -1 +1 @@
-export { a as default } from '../OrChips-06567038.js';
+export { a as default } from '../OrChips-ca0f1380.js';

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

@@ -1 +1 @@
-export { O as OR_CHIPS_VALUE_PROP, P as PLACEHOLDER_PROP } from '../OrChips-06567038.js';
+export { O as OR_CHIPS_VALUE_PROP, P as PLACEHOLDER_PROP } from '../OrChips-ca0f1380.js';

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

@@ -1 +1 @@
-export { s as OrChip, a as OrChips } from '../OrChips-06567038.js';
+export { s as OrChip, a as OrChips } from '../OrChips-ca0f1380.js';

package/dist/bundled/v3/components/{OrChips-06567038.js → OrChips-ca0f1380.js}

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, withModifiers, Fragment, renderList, createBlock, withCtx, renderSlot } from 'vue';
-import { s as styleInject } from './OrAvatar-bceb6c00.js';
+import { s as styleInject } from './OrAvatar-d1e1cd07.js';
 import { defineComponent } from 'vue-demi';
 import script$4 from './OrLabel/OrLabel.js';
 import script$5 from './OrError/OrError.js';

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

@@ -1 +1 @@
-export { q as default } from '../OrCode-c0da3f7a.js';
+export { q as default } from '../OrCode-3167b862.js';

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

@@ -1 +1 @@
-export { O as OrCodeLanguages } from '../OrCode-c0da3f7a.js';
+export { O as OrCodeLanguages } from '../OrCode-3167b862.js';

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

@@ -1 +1 @@
-export { q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-c0da3f7a.js';
+export { q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-3167b862.js';

package/dist/bundled/v3/components/OrCode/lang.js

@@ -1 +1 @@
-export { r as CSS, u as HTML, J as JS, v as JSON, M as MD, T as TS, w as default } from '../OrCode-c0da3f7a.js';
+export { r as CSS, u as HTML, J as JS, v as JSON, M as MD, T as TS, w as default } from '../OrCode-3167b862.js';

package/dist/bundled/v3/components/OrCode/libs.js

@@ -1 +1 @@
-export { b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-c0da3f7a.js';
+export { b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-3167b862.js';

package/dist/bundled/v3/components/OrCode/theme.js

@@ -1 +1 @@
-export { x as color, A as default, z as orCodeHighlightStyle, y as orCodeTheme } from '../OrCode-c0da3f7a.js';
+export { x as color, A as default, z as orCodeHighlightStyle, y as orCodeTheme } from '../OrCode-3167b862.js';

package/dist/bundled/v3/components/{OrCode-c0da3f7a.js → OrCode-3167b862.js}

@@ -1,10 +1,10 @@
 import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, createElementVNode, normalizeClass, createBlock, createCommentVNode, withDirectives, vShow } from 'vue';
-import { s as styleInject } from './OrAvatar-bceb6c00.js';
-import { a as useElementHover } from './OrBottomSheetV3-ec6d69fe.js';
+import { s as styleInject } from './OrAvatar-d1e1cd07.js';
+import { a as useElementHover } from './OrBottomSheetV3-efe9e0a6.js';
 import { defineComponent, ref } from 'vue-demi';
 import { s as script$3 } from './OrTeleport-5a34b07f.js';
 import script$1 from './OrIconButtonV2/OrIconButton.js';
-import { s as script$2 } from './OrModal-7ea5adf2.js';
+import { s as script$2 } from './OrModal-813f66cd.js';
 import script$4 from './OrError/OrError.js';
 import script$5 from './OrHint/OrHint.js';
 import script$6 from './OrLabel/OrLabel.js';

package/dist/bundled/v3/components/OrCodeV3/OrCode.js

@@ -1 +1 @@
-export { s as default } from '../OrCodeV3-983d8290.js';
+export { s as default } from '../OrCodeV3-5b8b5a7a.js';

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

@@ -1,2 +1,2 @@
-export { C as CodeLanguage, s as OrCodeV3 } from '../OrCodeV3-983d8290.js';
-export { a as EditorState, E as EditorView, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-c0da3f7a.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCodeV3-5b8b5a7a.js';
+export { a as EditorState, E as EditorView, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-3167b862.js';

package/dist/bundled/v3/components/OrCodeV3/libs.js

@@ -1 +1 @@
-export { a as EditorState, E as EditorView, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-c0da3f7a.js';
+export { a as EditorState, E as EditorView, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-3167b862.js';