@onereach/ui-components 9.0.1-beta.4192.0 → 9.0.1-beta.4194.0

package/dist/esm/v2/index.js

@@ -10,12 +10,12 @@ export { _ as OrButtonV3 } from './OrButton-e4e85817.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from './OrButton.vue_rollup-plugin-vue_script-199bb600.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-3e5e57aa.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-299f474e.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-c6368a1f.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-42359715.js';
 export { _ as OrCheckbox } from './OrCheckbox-3337d903.js';
-export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-ad1856b4.js';
-export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-7b7892a8.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-534dad73.js';
+export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-f5577316.js';
+export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-24cec921.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-b301ba35.js';
 export { _ as OrChip } from './OrChip-289730fb.js';
 export { _ as OrChips } from './OrChips-0bb33a9f.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-20467892.js';
@@ -24,22 +24,22 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-f43b599c.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-02d56743.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { _ as OrCollapse } from './OrCollapse-9d22b072.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-af6eb211.js';
-export { _ as OrCombinedInputV3 } from './OrCombinedInput-2c8de80e.js';
+export { _ as OrCombinedInputV3 } from './OrCombinedInput-211d1778.js';
 export { _ as OrConfirm } from './OrConfirm-680e049e.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-949587bf.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-5487190f.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-3548361c.js';
-export { _ as OrDateFormatV3 } from './OrDateFormat-753b2be7.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-6c6fb105.js';
-export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-3f480f1e.js';
-export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-77beb760.js';
+export { _ as OrDateFormatV3 } from './OrDateFormat-2268d758.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-8b663c98.js';
+export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-0ae23a9f.js';
+export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-a79f351c.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-464f84bd.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-fdb0eecf.js';
-export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-23330460.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-c73b33f5.js';
+export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-bfd77e9b.js';
 export { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from './getTimePlaceholder-a1d75821.js';
 export { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
@@ -53,26 +53,26 @@ export { _ as OrErrorV3 } from './OrError-b25d782d.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-c76c70e4.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFab-90795cdb.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-448fdc12.js';
-export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-9b913774.js';
+export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-d1d9f3bc.js';
 export { _ as OrHint } from './OrHint-7eadc91e.js';
 export { _ as OrHintV3 } from './OrHint-2fe1157b.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-69c5cadc.js';
 export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-956b8e5c.js';
 export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-03e3c802.js';
 export { I as InlineInputBoxSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-b4cf1583.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-8c532d67.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-e5cce433.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-5429a758.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-61da0421.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-0f10c3db.js';
 export { _ as OrInput } from './OrInput-7a12709e.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-1a8fda9b.js';
 export { a as InputBoxSize, I as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-07d127fb.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-e233fc41.js';
 export { _ as OrLabel } from './OrLabel-fcceec1b.js';
-export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-113eae8d.js';
+export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-98c3f6e8.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-30283089.js';
 export { _ as OrList } from './OrList-34f50cb3.js';
 export { _ as OrListOfInputs } from './OrListOfInputs-c019852c.js';
-export { _ as OrListV3 } from './OrList-6a64a68f.js';
+export { _ as OrListV3 } from './OrList-8ba6bef9.js';
 export { _ as OrListItem } from './OrListItem-9654fe5b.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-3eea4889.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-4ac49224.js';
@@ -94,17 +94,17 @@ export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-9d0cbafa.js';
 export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
-export { _ as OrRadioGroupV3 } from './OrRadioGroup-897acb63.js';
-export { _ as OrRadioV3 } from './OrRadio-550886bf.js';
+export { _ as OrRadioGroupV3 } from './OrRadioGroup-9337e0ea.js';
+export { _ as OrRadioV3 } from './OrRadio-205fa21d.js';
 export { _ as OrRangeSliderV3 } from './OrRangeSlider-5828b1fa.js';
 export { _ as OrRatingV3 } from './OrRating-1d0088f6.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-a3cbaa60.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-bf7f5284.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-62499c88.js';
 export { _ as OrSearch } from './OrSearch-525e988d.js';
-export { _ as OrSearchV3 } from './OrSearch-0afd3448.js';
+export { _ as OrSearchV3 } from './OrSearch-0b5530e9.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-c51c8768.js';
 export { _ as OrSelect } from './OrSelect-6dafd1bc.js';
-export { _ as OrSelectV3 } from './OrSelect-c5548c5e.js';
+export { _ as OrSelectV3 } from './OrSelect-e1754ced.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
 export { _ as OrSidebarV3, S as SidebarPlacement } from './props-334acbec.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
@@ -121,25 +121,25 @@ export { _ as OrSortingV3 } from './OrSorting-e3535b6a.js';
 export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-d723d9ae.js';
 export { _ as OrStepper } from './OrStepper-bee99dd2.js';
 export { _ as OrSwitch } from './OrSwitch-2bc20d60.js';
-export { _ as OrSwitchV3 } from './OrSwitch-3a0f431c.js';
+export { _ as OrSwitchV3 } from './OrSwitch-27fc0c50.js';
 export { _ as OrTab } from './OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from './OrTab-1b10597d.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
 export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-a26d42ae.js';
 export { _ as OrTag } from './OrTag-53599b71.js';
-export { _ as OrTagInputV3 } from './OrTagInput-868b8d90.js';
+export { _ as OrTagInputV3 } from './OrTagInput-cb43b029.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-5f3f948a.js';
 export { _ as OrTagsV3, T as TagsOverflow } from './OrTags-0ea04689.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from './OrText-cab6adea.js';
 export { _ as OrTextarea } from './OrTextarea-9febab19.js';
-export { _ as OrTextareaV3 } from './OrTextarea-20f4aad3.js';
+export { _ as OrTextareaV3 } from './OrTextarea-4e2d511a.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-cca2d280.js';
-export { _ as OrTimeFormatV3 } from './OrTimeFormat-685739ce.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-0d019e74.js';
-export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-a1147ac0.js';
+export { _ as OrTimeFormatV3 } from './OrTimeFormat-53b732e2.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-11d99dfb.js';
+export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-a6412bdf.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-21eaead8.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-05a9c81b.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-c6b7c601.js';
@@ -164,8 +164,8 @@ export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as get
 export { p as pxToRem } from './px-to-rem-0b26b83e.js';
 export { i as isAncestor } from './isAncestor-9acec98b.js';
 export { i as isEmpty } from './isEmpty-a3a94129.js';
-export { i as isEmptyValue, a as isEqualValue } from './isEqualValue-b6ca4b55.js';
-export { i as isVoid } from './isVoid-36a1480c.js';
+export { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
+export { i as isEqualValue } from './isEqualValue-f8bf73d9.js';
 import 'vue-demi';
 import './style-inject.es-4c6f2515.js';
 import './normalize-component-6e8e3d80.js';
@@ -180,7 +180,7 @@ import '@codemirror/lang-markdown';
 import '@codemirror/language';
 import '@lezer/highlight';
 import '@vueuse/math';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-681eed9e.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-a2471f2a.js';
 import 'lodash/padStart';
 import './OrEditorTabsItem-af0b7110.js';
 import '@floating-ui/dom';
@@ -216,10 +216,10 @@ import './codemirrorView-020fe885.js';
 import 'prosemirror-state';
 import 'prosemirror-commands';
 import 'lodash/keyBy';
-import './OrSelectMultipleControl-e82b28dc.js';
+import './OrSelectMultipleControl-315df15d.js';
 import './OrSelectControlInput-57294927.js';
 import './OrSelectPlaceholder-a6caa9e0.js';
-import './OrSelectSingleControl-dd41147f.js';
+import './OrSelectSingleControl-1be036dd.js';
 import 'lodash/range';
 import './styles-ed564e39.js';
 import 'portal-vue/dist/portal-vue.esm.js';

package/dist/esm/v2/isEmptyValue-fd56a6e4.js

@@ -0,0 +1,5 @@
+function isEmptyValue(val) {
+  return val === undefined || val === null || val === '';
+}
+
+export { isEmptyValue as i };

package/dist/esm/v2/{isEqualValue-b6ca4b55.js → isEqualValue-f8bf73d9.js}

@@ -1,7 +1,3 @@
-function isEmptyValue(val) {
-  return val === undefined || val === null || val === '';
-}
-
 function isEqualValue(val1, val2) {
   if (typeof val1 === 'object' && typeof val2 === 'object') {
     return JSON.stringify(val1) === JSON.stringify(val2);
@@ -9,4 +5,4 @@ function isEqualValue(val1, val2) {
   return val1 === val2;
 }
 
-export { isEqualValue as a, isEmptyValue as i };
+export { isEqualValue as i };

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

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

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

@@ -4,7 +4,7 @@ export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as get
 export { p as pxToRem } from '../px-to-rem-0b26b83e.js';
 export { i as isAncestor } from '../isAncestor-9acec98b.js';
 export { i as isEmpty } from '../isEmpty-a3a94129.js';
-export { i as isEmptyValue, a as isEqualValue } from '../isEqualValue-b6ca4b55.js';
-export { i as isVoid } from '../isVoid-36a1480c.js';
+export { i as isEmptyValue } from '../isEmptyValue-fd56a6e4.js';
+export { i as isEqualValue } from '../isEqualValue-f8bf73d9.js';
 import 'lodash/isElement';
 import 'lodash/get';

package/dist/esm/v3/{OrCardCollection-68c5a5b2.js → OrCardCollection-aeb3825f.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$2 } from './OrIconButton-bc7ebce6.js';
 import { s as script$5 } from './OrLoader-5e2f359b.js';
-import { s as script$4 } from './OrSearch-d59d5a37.js';
+import { s as script$4 } from './OrSearch-d71cd69e.js';
 import { s as script$3 } from './OrSorting-916f17f5.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
 

package/dist/esm/v3/{OrCheckbox-4bc36b9b.js → OrCheckbox-abe46de1.js}

@@ -2,11 +2,11 @@ import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
-import { i as isVoid } from './isVoid-36a1480c.js';
+import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, L as LabelVariant } from './OrLabel-02aa56ad.js';
+import { s as script$1, L as LabelVariant } from './OrLabel-f1a581d8.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -18,27 +18,27 @@ const Checkbox = [
 const CheckboxControl = [
 // Layout
 'layout-inline-row justify-center',
-// Interactivity
-'interactivity-click',
-// Shape
-'rounded-sm',
 // Box
 'w-md+ md:w-md', 'h-md+ md:h-md',
+// Shape
+'rounded-sm',
+// Interactivity
+'interactivity-click',
 // 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'];
+'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'];
 const CheckboxControlHandle = [
-// Content (children/checked)
-'after:checked:content-["check\\_small"]',
-// Content (children/indeterminate)
-'after:indeterminate:content-["check\\_indeterminate\\_small"]'];
+// Content (checked)
+'checked:after:content-checkbox-checked',
+// Content (indeterminate)
+'indeterminate:after:content-checkbox-indeterminate'];
 
 var script = defineComponent({
   name: 'OrCheckbox',
@@ -51,12 +51,12 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: undefined,
-      default: undefined
+      type: null,
+      default: null
     },
     value: {
-      type: [String, Number, Object],
-      default: undefined
+      type: [Object, String, Number, Boolean],
+      default: null
     },
     label: {
       type: String,
@@ -79,13 +79,14 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
+  emits: ['update:modelValue', 'click', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
-    // Refs & Styles
+    // Refs
     const root = ref();
-    const rootStyles = computed(() => ['or-checkbox-v3', ...Checkbox]);
     const control = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-checkbox-v3', ...Checkbox]);
     const controlStyles = computed(() => [...CheckboxControl, ...CheckboxControlHandle]);
     // State
     const controlAttributes = reactive({
@@ -93,22 +94,16 @@ var script = defineComponent({
       ...useControlAttributes()
     });
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const checked = computed(() => {
+    const isChecked = computed(() => {
       if (Array.isArray(proxyModelValue.value)) {
-        if (isVoid(props.value)) {
-          throw new Error('[OrCheckbox]: Property "value" must be specified.');
-        }
-        return proxyModelValue.value.includes(props.value);
+        return !isEmptyValue(props.value) && proxyModelValue.value.includes(props.value);
       }
-      return Boolean(proxyModelValue.value);
+      return !!proxyModelValue.value;
     });
-    // Handlers
-    function onChange() {
+    // Methods
+    function handleChange() {
       if (Array.isArray(proxyModelValue.value)) {
-        if (isVoid(props.value)) {
-          throw new Error('[OrCheckbox]: Property "value" must be specified.');
-        }
-        if (checked.value) {
+        if (isChecked.value) {
           proxyModelValue.value = proxyModelValue.value.filter(value => value !== props.value);
         } else {
           proxyModelValue.value = [...proxyModelValue.value, props.value];
@@ -117,7 +112,6 @@ var script = defineComponent({
         proxyModelValue.value = !proxyModelValue.value;
       }
     }
-    // Methods
     function focus() {
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
@@ -128,12 +122,12 @@ var script = defineComponent({
     }
     return {
       root,
-      rootStyles,
       control,
+      rootStyles,
       controlStyles,
       controlAttributes,
-      checked,
-      onChange,
+      isChecked,
+      handleChange,
       focus,
       blur
     };
@@ -147,17 +141,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [createElementVNode("input", mergeProps({
-    ref: 'control'
+    ref: 'control',
+    checked: _ctx.isChecked
   }, _ctx.controlAttributes, {
     class: _ctx.controlStyles,
     type: 'checkbox',
-    checked: _ctx.checked,
     ".indeterminate": _ctx.indeterminate,
     required: _ctx.required,
     disabled: _ctx.disabled,
-    onChange: _cache[0] || (_cache[0] = $event => {
-      _ctx.$emit('change', $event);
-      _ctx.onChange();
+    onChange: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleChange && _ctx.handleChange(...arguments);
     }),
     onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
     onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
@@ -166,7 +159,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     "control-id": _ctx.controlAttributes.id,
     variant: _ctx.labelVariant,
-    selected: _ctx.checked,
+    selected: _ctx.isChecked,
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {

package/dist/esm/v3/{OrCheckboxGroup-52d7dece.js → OrCheckboxGroup-11a7b74e.js}

@@ -4,8 +4,8 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrCheckboxTree-df8809b3.js';
-import { s as script$2, F as FormGroupDirection } from './OrFormGroup-6a43009d.js';
+import { s as script$1 } from './OrCheckboxTree-7693bcda.js';
+import { s as script$2, F as FormGroupDirection } from './OrFormGroup-11ed3699.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrCheckboxTree-df8809b3.js → OrCheckboxTree-7693bcda.js}

@@ -5,7 +5,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$3 } from './OrButton-c95aef65.js';
-import { s as script$2 } from './OrCheckbox-4bc36b9b.js';
+import { s as script$2 } from './OrCheckbox-abe46de1.js';
 import { s as script$1 } from './OrIcon-c446d072.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, renderList } from 'vue';
 

package/dist/esm/v3/{OrCode-3ca250c3.js → OrCode-842bcdcd.js}

@@ -15,7 +15,7 @@ import { s as script$6 } from './OrModal-91ceee4d.js';
 import { s as script$2 } from './OrError-331220bc.js';
 import { s as script$3 } from './OrHint-262c8217.js';
 import { s as script$4 } from './OrInputBox-287f97ba.js';
-import { s as script$5 } from './OrLabel-02aa56ad.js';
+import { s as script$5 } from './OrLabel-f1a581d8.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, createCommentVNode, vShow, withModifiers, createSlots } from 'vue';
 
 const Code = [
@@ -132,7 +132,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled
   }, {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["control-id", "required", "disabled"]), createVNode(_component_OrInputBox, {
@@ -148,13 +148,13 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 2 /* CLASS */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_1$1, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_1$1, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
-    _: 1 /* STABLE */
+    _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_2, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
@@ -440,18 +440,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled,
     readonly: _ctx.readonly
   }, {
+    label: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+
     addon: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "addon"), _ctx.enableFullscreen ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
       icon: 'fullscreen',
       onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.openFullscreen(), ["stop"]))
     })) : createCommentVNode("v-if", true)])]),
+    hint: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
+
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["control-id", "label", "hint", "error", "disabled", "readonly"]), createVNode(_component_OrModal, {
     ref: 'modal',
     "additional-styles": _ctx.modalStyles,
     size: 'l'
   }, createSlots({
-    header: withCtx(() => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]),
+    header: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     default: withCtx(() => [createVNode(_component_OrCodeControl, {
       ref: 'fullscreenControl',

package/dist/esm/v3/{OrCombinedInput-d7db2689.js → OrCombinedInput-b42c2ead.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
 import { a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$3 } from './OrLabel-02aa56ad.js';
+import { s as script$3 } from './OrLabel-f1a581d8.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withDirectives, vShow, createVNode } from 'vue';
 
 const CombinedInput = [
@@ -92,14 +92,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     variant: 'input',
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
@@ -111,13 +111,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     readonly: _ctx.readonly,
     disabled: _ctx.disabled,
     disableDefaultStyles: _ctx.disableDefaultStyles
-  })], 2 /* CLASS */), withDirectives(createElementVNode("div", _hoisted_1, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+  })], 2 /* CLASS */), withDirectives(createElementVNode("div", _hoisted_1, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
-    _: 1 /* STABLE */
+    _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_2, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {

package/dist/esm/v3/{OrConfirm-963e492a.js → OrConfirm-de93af99.js}

@@ -6,7 +6,7 @@ import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$2, a as ButtonColor } from './OrButton-c95aef65.js';
-import { s as script$3 } from './OrInput-3157b00b.js';
+import { s as script$3 } from './OrInput-79cce73c.js';
 import { s as script$1 } from './OrOverlay-19bd1352.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrDateFormat-91fb9f07.js → OrDateFormat-22a198c8.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-de9a6368.js';
-import './OrDateTimePickerTimeSelect-0178220f.js';
+import './OrDateTimePicker-ad9629b6.js';
+import './OrDateTimePickerTimeSelect-2771249a.js';
 import { f as formatDate } from './getTimePlaceholder-a1d75821.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDatePicker-f30a1393.js → OrDatePicker-ccbbafcd.js}

@@ -5,8 +5,8 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-de9a6368.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-0178220f.js';
+import './OrDateTimePicker-ad9629b6.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-2771249a.js';
 import './getTimePlaceholder-a1d75821.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$7 } from './OrError-331220bc.js';
@@ -14,7 +14,7 @@ import { s as script$8 } from './OrHint-262c8217.js';
 import { s as script$a } from './OrIconButton-bc7ebce6.js';
 import { s as script$9 } from './OrIcon-c446d072.js';
 import { s as script$b, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$c } from './OrLabel-02aa56ad.js';
+import { s as script$c } from './OrLabel-f1a581d8.js';
 import { s as script$d } from './OrPopover-93803a23.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
@@ -218,14 +218,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
     variant: 'input',
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {
     addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
@@ -304,13 +304,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.openPopover], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
-  }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+  }, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
-    _: 1 /* STABLE */
+    _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
     key: 2,
     disabled: _ctx.disabled