@onereach/ui-components 2.77.0-beta.2447.0 → 2.77.0-beta.2448.0

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-5976b51d.js → OrSelect.vue_vue_type_script_lang-3decc59f.js}

@@ -1,46 +1,113 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
 import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
-import './components/OrCheckboxV3/OrCheckboxV3.js';
-import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-d46f3519.js';
-import './components/OrErrorV3/OrErrorV3.js';
-import './components/OrExpansionPanelV3/OrExpansionPanelV3.js';
-import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-5ebc5933.js';
-import './components/OrHintV3/OrHintV3.js';
-import './components/OrIconV3/OrIconV3.js';
-import './components/OrInputV3/OrInputV3.js';
-import './components/OrInputBoxV3/OrInputBoxV3.js';
-import './components/OrLabelV3/OrLabelV3.js';
-import './components/OrMenuItemV3/OrMenuItemV3.js';
-import './components/OrPopoverV3/OrPopoverV3.js';
-import './components/OrTagV3/OrTagV3.js';
-import { s as script$b } from './OrTag.vue_vue_type_script_lang-4a17d4d5.js';
+import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-d5aa50c1.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelDynamic, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers } from 'vue';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
+import './OrHint-12428e42.js';
+import './components/OrExpansionPanel/OrExpansionPanel.js';
+import './OrIcon-671794cb.js';
+import './OrInput-ab04adbb.js';
+import './components/OrInputBox/OrInputBox.js';
+import './OrLabel-47f15fc0.js';
+import './components/OrMenuItem/OrMenuItem.js';
+import './components/OrPopover/OrPopover.js';
+import { s as script$2 } from './OrTag.vue_vue_type_script_lang-37474827.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { useOverflow } from './hooks/useOverflow.js';
-import { s as script$2 } from './OrError.vue_vue_type_script_lang-de6e6cd3.js';
-import { s as script$4 } from './OrHint.vue_vue_type_script_lang-ec2b37d4.js';
-import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
-import { s as script$6 } from './OrInput.vue_vue_type_script_lang-4f36ecd1.js';
-import { s as script$7 } from './OrInputBox.vue_vue_type_script_lang-44f85823.js';
-import { s as script$8 } from './OrLabel.vue_vue_type_script_lang-f59a91ee.js';
-import { s as script$9 } from './OrMenuItem.vue_vue_type_script_lang-54c89599.js';
-import { s as script$a } from './OrPopover.vue_vue_type_script_lang-ea0e5f7b.js';
+import { s as script$3 } from './OrError.vue_vue_type_script_lang-de6e6cd3.js';
+import { s as script$4 } from './OrExpansionPanel.vue_vue_type_script_lang-749ff722.js';
+import { s as script$5 } from './OrHint.vue_vue_type_script_lang-ec2b37d4.js';
+import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
+import { s as script$7 } from './OrInput.vue_vue_type_script_lang-da9e19d2.js';
+import { s as script$8 } from './OrInputBox.vue_vue_type_script_lang-44f85823.js';
+import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-f59a91ee.js';
+import { s as script$a } from './OrMenuItem.vue_vue_type_script_lang-7f05cee1.js';
+import { s as script$b } from './OrPopover.vue_vue_type_script_lang-2ba79d91.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 
+const _hoisted_1$1 = ["value", "indeterminate", "required", "disabled"];
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [withDirectives(createElementVNode("input", mergeProps({
+    ref: "control",
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event)
+  }, _ctx.controlAttributes, {
+    class: _ctx.controlStyles,
+    type: 'checkbox',
+    value: _ctx.value,
+    indeterminate: _ctx.indeterminate,
+    required: _ctx.required,
+    disabled: _ctx.disabled,
+    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
+  }), null, 16 /* FULL_PROPS */, _hoisted_1$1), [[vModelDynamic, _ctx.proxyModelValue]]), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    "control-id": _ctx.controlAttributes.id,
+    variant: _ctx.labelVariant,
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "variant", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+var css_248z = "\ninput[data-v-5358d710] {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  line-height: 0;\n}\n";
+styleInject(css_248z);
+
+script$1.render = render$1;
+script$1.__scopeId = "data-v-5358d710";
+script$1.__file = "src/components/or-checkbox-v3/OrCheckbox.vue";
+
+const _hoisted_1 = ["tabindex", "disabled"];
+const _hoisted_2 = {
+  class: "truncate"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'm-[-4px] md:m-[-2px]'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    tabindex: !_ctx.disabled && _ctx.variant === 'button' ? 0 : null,
+    disabled: _ctx.disabled ? '' : null,
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
+  }, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), _ctx.variant === 'reset' ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_OrIconButton, {
+    icon: 'close',
+    color: _ctx.custom ? 'inherit' : _ctx.color,
+    disabled: _ctx.disabled,
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('reset'), ["stop"]))
+  }, null, 8 /* PROPS */, ["color", "disabled"])])) : createCommentVNode("v-if", true)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
+}
+
+script$2.render = render;
+script$2.__file = "src/components/or-tag-v3/OrTag.vue";
+
 var script = defineComponent({
   name: 'OrSelect',
   components: {
     OrCheckbox: script$1,
-    OrError: script$2,
-    OrExpansionPanel: script$3,
-    OrHint: script$4,
-    OrIcon: script$5,
-    OrInput: script$6,
-    OrInputBox: script$7,
-    OrLabel: script$8,
-    OrMenuItem: script$9,
-    OrPopover: script$a,
-    OrTag: script$b
+    OrError: script$3,
+    OrExpansionPanel: script$4,
+    OrHint: script$5,
+    OrIcon: script$6,
+    OrInput: script$7,
+    OrInputBox: script$8,
+    OrLabel: script$9,
+    OrMenuItem: script$a,
+    OrPopover: script$b,
+    OrTag: script$2
   },
   directives: {
     DropdownClose,

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-e83e5c17.js → OrSidebar.vue_vue_type_script_lang-c342ffef.js}

@@ -3,8 +3,8 @@ import _ from 'lodash';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
 import { SidebarRoot, SidebarBar, SidebarSides, SidebarToolbar, CollapsibleSidebarToolbar, SidebarToolbarSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './components/OrSidebarV3/styles.js';
-import './components/OrIconButtonV3/OrIconButtonV3.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-40d2387f.js';
+import './OrIconButton-0d8e85d9.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-5e089ff3.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
 
 const CollapseButtonContainer = [

package/dist/bundled/v3/{OrSortHeader.vue_vue_type_script_lang-d9c91f0a.js → OrSortHeader.vue_vue_type_script_lang-d70f3898.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { SortHeaderRoot } from './components/OrSortHeaderV3/styles.js';
-import './components/OrIconV3/OrIconV3.js';
+import './OrIcon-671794cb.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrStepper.vue_vue_type_script_lang-325369a3.js → OrStepper.vue_vue_type_script_lang-42f57de9.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import './components/OrButtonV2/OrButtonV2.js';
+import './OrButton-bf88c2a5.js';
 import { s as script$6 } from './OrButton.vue_vue_type_script_lang-e768a47a.js';
 import { resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode, normalizeClass, createElementVNode, toDisplayString, createVNode, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-ec9eccfe.js → OrSwitch.vue_vue_type_script_lang-ac699016.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { SwitchRoot, SwitchControl, SwitchControlHandle, SwitchLoader, SwitchLoaderHandle } from './components/OrSwitchV3/styles.js';
-import './components/OrLabelV3/OrLabelV3.js';
-import './components/OrLoaderV3/OrLoaderV3.js';
+import './OrLabel-47f15fc0.js';
+import './OrLoader-1c02d64d.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-f59a91ee.js';

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-3bb69c31.js → OrTabs.vue_vue_type_script_lang-c3739ede.js}

@@ -2,22 +2,38 @@ import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './components/OrTabsV3/props.js';
 import { TabsRoot, TabsRootVariants } from './components/OrTabsV3/styles.js';
-import './components/OrIconV3/OrIconV3.js';
-import './components/OrMenuV3/OrMenuV3.js';
-import './components/OrMenuItemV3/OrMenuItemV3.js';
-import './components/OrTabV3/OrTabV3.js';
-import { s as script$4 } from './OrTab.vue_vue_type_script_lang-88016ffc.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
-import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-cd85435a.js';
-import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-54c89599.js';
+import './OrIcon-671794cb.js';
+import './components/OrMenu/OrMenu.js';
+import './components/OrMenuItem/OrMenuItem.js';
+import { s as script$1 } from './OrTab.vue_vue_type_script_lang-88016ffc.js';
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-911ded05.js';
+import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-7f05cee1.js';
+
+const _hoisted_1 = ["selected"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    tabindex: 0,
+    selected: _ctx.selected ? '' : null,
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
+  }, [renderSlot(_ctx.$slots, "default")], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
+}
+
+script$1.render = render;
+script$1.__file = "src/components/or-tab-v3/OrTab.vue";
 
 var script = defineComponent({
   name: 'OrTabs',
   components: {
-    OrIcon: script$1,
-    OrMenu: script$2,
-    OrMenuItem: script$3,
-    OrTab: script$4
+    OrIcon: script$2,
+    OrMenu: script$3,
+    OrMenuItem: script$4,
+    OrTab: script$1
   },
   inheritAttrs: false,
   model: {

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-4a17d4d5.js → OrTag.vue_vue_type_script_lang-37474827.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
 import { TagVariant, TagColor } from './components/OrTagV3/props.js';
 import { TagRoot, TagRootVariants, TagRootColors } from './components/OrTagV3/styles.js';
-import './components/OrIconButtonV3/OrIconButtonV3.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-40d2387f.js';
+import './OrIconButton-0d8e85d9.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-5e089ff3.js';
 
 var script = defineComponent({
   name: 'OrTag',

package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-e5621a66.js → OrTextarea.vue_vue_type_script_lang-cda6f95e.js}

@@ -1,9 +1,8 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { TextareaRoot, TextareaControl } from './components/OrTextareaV3/styles.js';
-import './components/OrErrorV3/OrErrorV3.js';
-import './components/OrHintV3/OrHintV3.js';
-import './components/OrInputBoxV3/OrInputBoxV3.js';
-import './components/OrLabelV3/OrLabelV3.js';
+import './OrHint-12428e42.js';
+import './components/OrInputBox/OrInputBox.js';
+import './OrLabel-47f15fc0.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrTextbox.vue_vue_type_script_lang-6752fab9.js → OrTextbox.vue_vue_type_script_lang-20e6c904.js}

@@ -4,7 +4,7 @@ import { setStyle, requestAF, getCS, reflow, cancelAF } from './utils/functions/
 import { TextboxTypes } from './components/OrTextbox/constants.js';
 import _ from 'lodash';
 import './components/OrLabel/OrLabel.js';
-import './components/OrIconButtonV2/OrIconButtonV2.js';
+import './components/OrIconButton/OrIconButton.js';
 import './components/OrHint/OrHint.js';
 import './components/OrError/OrError.js';
 import './components/OrCollapse/OrCollapse.js';