@onereach/ui-components 10.0.1 → 10.0.2

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-a6352c3c.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-dae2f81d.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-42359715.js';
 export { _ as OrCheckbox } from './OrCheckbox-3337d903.js';
-export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-f5577316.js';
-export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-24cec921.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-b301ba35.js';
+export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-4c3c1418.js';
+export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-9613ade5.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-2e14d995.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-02d56743.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-bab23c65.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-211d1778.js';
+export { _ as OrCombinedInputV3 } from './OrCombinedInput-e3f4498e.js';
 export { _ as OrConfirm } from './OrConfirm-680e049e.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-19a8c199.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-4561fd88.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-3548361c.js';
-export { _ as OrDateFormatV3 } from './OrDateFormat-c6151720.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-e358e141.js';
-export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-88c20971.js';
-export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-fc692ea2.js';
+export { _ as OrDateFormatV3 } from './OrDateFormat-7b761b0f.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-847e9db1.js';
+export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-01c5a09c.js';
+export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-80ff6397.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-464f84bd.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-e5b9d77c.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-b367f9b0.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-c68aacf9.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-2f7efc41.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,7 +53,7 @@ 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-d1d9f3bc.js';
+export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-d8b290f4.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';
@@ -66,13 +66,13 @@ 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-9a045772.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-43f90e4a.js';
 export { _ as OrLabel } from './OrLabel-fcceec1b.js';
-export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-98c3f6e8.js';
+export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-113eae8d.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-8ba6bef9.js';
+export { _ as OrListV3 } from './OrList-aae21920.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-9337e0ea.js';
-export { _ as OrRadioV3 } from './OrRadio-205fa21d.js';
+export { _ as OrRadioGroupV3 } from './OrRadioGroup-038ad285.js';
+export { _ as OrRadioV3 } from './OrRadio-c6aec5c3.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-4658a5ae.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-6a2785c0.js';
 export { _ as OrSearch } from './OrSearch-525e988d.js';
-export { _ as OrSearchV3 } from './OrSearch-acdfc657.js';
+export { _ as OrSearchV3 } from './OrSearch-5dd1820f.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-c51c8768.js';
 export { _ as OrSelect } from './OrSelect-6dafd1bc.js';
-export { _ as OrSelectV3 } from './OrSelect-671089fc.js';
+export { _ as OrSelectV3 } from './OrSelect-bf279168.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-9f4cab5c.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-27fc0c50.js';
+export { _ as OrSwitchV3 } from './OrSwitch-b636a4e7.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-35c50102.js';
 export { _ as OrTag } from './OrTag-53599b71.js';
-export { _ as OrTagInputV3 } from './OrTagInput-cb43b029.js';
+export { _ as OrTagInputV3 } from './OrTagInput-dbd9096c.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-4e2d511a.js';
+export { _ as OrTextareaV3 } from './OrTextarea-56e2159d.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-cca2d280.js';
-export { _ as OrTimeFormatV3 } from './OrTimeFormat-6effa150.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-565473aa.js';
-export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-a09b6e60.js';
+export { _ as OrTimeFormatV3 } from './OrTimeFormat-6e82fcd3.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-e18d9265.js';
+export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-e46462b3.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 } from './isEmptyValue-fd56a6e4.js';
-export { i as isEqualValue } from './isEqualValue-f8bf73d9.js';
+export { i as isEmptyValue, a as isEqualValue } from './isEqualValue-b6ca4b55.js';
+export { i as isVoid } from './isVoid-36a1480c.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-ed79c954.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-bd0836fd.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-315df15d.js';
+import './OrSelectMultipleControl-e82b28dc.js';
 import './OrSelectControlInput-57294927.js';
 import './OrSelectPlaceholder-a6caa9e0.js';
-import './OrSelectSingleControl-1be036dd.js';
+import './OrSelectSingleControl-dd41147f.js';
 import 'lodash/range';
 import './styles-ed564e39.js';
 import 'portal-vue/dist/portal-vue.esm.js';

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

@@ -1,3 +1,7 @@
+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);
@@ -5,4 +9,4 @@ function isEqualValue(val1, val2) {
   return val1 === val2;
 }
 
-export { isEqualValue as i };
+export { isEqualValue as a, isEmptyValue as i };

package/dist/esm/v2/isVoid-36a1480c.js

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

package/dist/esm/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/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 } from '../isEmptyValue-fd56a6e4.js';
-export { i as isEqualValue } from '../isEqualValue-f8bf73d9.js';
+export { i as isEmptyValue, a as isEqualValue } from '../isEqualValue-b6ca4b55.js';
+export { i as isVoid } from '../isVoid-36a1480c.js';
 import 'lodash/isElement';
 import 'lodash/get';

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

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

package/dist/esm/v3/{OrCardCollection-d632c92d.js → OrCardCollection-7eecfe1b.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-975833d8.js';
+import { s as script$4 } from './OrSearch-42922cb7.js';
 import { s as script$3 } from './OrSorting-c8fa584a.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-abe46de1.js → OrCheckbox-91bc37d7.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 isEmptyValue } from './isEmptyValue-fd56a6e4.js';
+import { i as isVoid } from './isVoid-36a1480c.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-f1a581d8.js';
+import { s as script$1, L as LabelVariant } from './OrLabel-02aa56ad.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',
-// 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',
@@ -51,12 +51,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,
@@ -79,14 +79,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({
@@ -94,16 +93,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];
@@ -112,6 +117,7 @@ var script = defineComponent({
         proxyModelValue.value = !proxyModelValue.value;
       }
     }
+    // Methods
     function focus() {
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
@@ -122,12 +128,12 @@ var script = defineComponent({
     }
     return {
       root,
-      control,
       rootStyles,
+      control,
       controlStyles,
       controlAttributes,
-      isChecked,
-      handleChange,
+      checked,
+      onChange,
       focus,
       blur
     };
@@ -141,16 +147,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)),
@@ -159,7 +166,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/esm/v3/{OrCheckboxGroup-11a7b74e.js → OrCheckboxGroup-ba429495.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-7693bcda.js';
-import { s as script$2, F as FormGroupDirection } from './OrFormGroup-11ed3699.js';
+import { s as script$1 } from './OrCheckboxTree-e3b760d1.js';
+import { s as script$2, F as FormGroupDirection } from './OrFormGroup-17c3cc0a.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrCheckboxTree-7693bcda.js → OrCheckboxTree-e3b760d1.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-abe46de1.js';
+import { s as script$2 } from './OrCheckbox-91bc37d7.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-842bcdcd.js → OrCode-590736cc.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-f1a581d8.js';
+import { s as script$5 } from './OrLabel-02aa56ad.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, createCommentVNode, vShow, withModifiers, createSlots } from 'vue';
 
 const Code = [

package/dist/esm/v3/{OrCombinedInput-b42c2ead.js → OrCombinedInput-1a22e413.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-f1a581d8.js';
+import { s as script$3 } from './OrLabel-02aa56ad.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withDirectives, vShow, createVNode } from 'vue';
 
 const CombinedInput = [

package/dist/esm/v3/{OrConfirm-21d06156.js → OrConfirm-fdc47d05.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-a442c61e.js';
+import { s as script$3 } from './OrInput-89bb16d6.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-e2f54d81.js → OrDateFormat-755671ca.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-ef148446.js';
-import './OrDateTimePickerTimeSelect-d9cee31a.js';
+import './OrDateTimePicker-b2749f72.js';
+import './OrDateTimePickerTimeSelect-c6ea3195.js';
 import { f as formatDate } from './getTimePlaceholder-a1d75821.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDatePicker-0653033d.js → OrDatePicker-a65e349c.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-ef148446.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-d9cee31a.js';
+import './OrDateTimePicker-b2749f72.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-c6ea3195.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-f1a581d8.js';
+import { s as script$c } from './OrLabel-02aa56ad.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';
 

package/dist/esm/v3/{OrDateRangePicker-c2b4e6d7.js → OrDateRangePicker-06b39fc4.js}

@@ -5,8 +5,8 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-ef148446.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-d9cee31a.js';
+import './OrDateTimePicker-b2749f72.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-c6ea3195.js';
 import './getTimePlaceholder-a1d75821.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
@@ -15,7 +15,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-f1a581d8.js';
+import { s as script$c } from './OrLabel-02aa56ad.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, createElementVNode, Fragment } from 'vue';
 

package/dist/esm/v3/{OrDateTimeFormat-220e33bf.js → OrDateTimeFormat-3408f038.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-ef148446.js';
-import './OrDateTimePickerTimeSelect-d9cee31a.js';
+import './OrDateTimePicker-b2749f72.js';
+import './OrDateTimePickerTimeSelect-c6ea3195.js';
 import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-a1d75821.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDateTimePicker-ef148446.js → OrDateTimePicker-b2749f72.js}

@@ -10,9 +10,9 @@ import { s as script$a } from './OrHint-262c8217.js';
 import { s as script$c } from './OrIconButton-bc7ebce6.js';
 import { s as script$b } from './OrIcon-c446d072.js';
 import { s as script$d, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$e } from './OrLabel-f1a581d8.js';
+import { s as script$e } from './OrLabel-02aa56ad.js';
 import { s as script$f } from './OrPopover-93803a23.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, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-d9cee31a.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, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-c6ea3195.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-a1d75821.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';

package/dist/esm/v3/{OrDateTimePickerTimeSelect-d9cee31a.js → OrDateTimePickerTimeSelect-c6ea3195.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import { g as getDatePlaceholder, f as formatDate, D as DateTimePickerTimeFormat, b as getTimePlaceholder, a as formatTime } from './getTimePlaceholder-a1d75821.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withCtx, createVNode, renderSlot, createCommentVNode } from 'vue';
 import { s as script$8 } from './OrButton-c95aef65.js';
-import { s as script$9 } from './OrLabel-f1a581d8.js';
+import { s as script$9 } from './OrLabel-02aa56ad.js';
 import { s as script$b } from './OrIconButton-bc7ebce6.js';
 import { s as script$a } from './OrIcon-c446d072.js';
 import { s as script$d } from './OrMenuItem-639ab707.js';

package/dist/esm/v3/{OrFormGroup-11ed3699.js → OrFormGroup-17c3cc0a.js}

@@ -1,7 +1,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 { s as script$3 } from './OrLabel-f1a581d8.js';
+import { s as script$3 } from './OrLabel-02aa56ad.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 var FormGroupDirection;

package/dist/esm/v3/{OrInput-a442c61e.js → OrInput-89bb16d6.js}

@@ -11,7 +11,7 @@ import { s as script$2 } from './OrHint-262c8217.js';
 import { s as script$4 } from './OrIconButton-bc7ebce6.js';
 import { s as script$3 } from './OrIcon-c446d072.js';
 import { s as script$5, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$6 } from './OrLabel-f1a581d8.js';
+import { s as script$6 } from './OrLabel-02aa56ad.js';
 import { s as script$7 } from './OrLoader-5e2f359b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, withDirectives, createElementVNode, mergeProps, vModelDynamic, Fragment, withModifiers, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrLabel-f1a581d8.js → OrLabel-02aa56ad.js}

@@ -34,7 +34,7 @@ const LabelVariants = {
 };
 const LabelText = [
 // Content (required)
-'required:after:content-label-required',
+'required:after:content-["*"]',
 // Interactivity
 'interactivity-default'];
 const LabelAddon = [

package/dist/esm/v3/{OrList-8e43f5cd.js → OrList-384bf436.js}

@@ -7,7 +7,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$1 } from './OrIconButton-bc7ebce6.js';
-import { s as script$2 } from './OrLabel-f1a581d8.js';
+import { s as script$2 } from './OrLabel-02aa56ad.js';
 import { s as script$3 } from './OrListItem-12e21bc6.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode } from 'vue';