@onereach/ui-components 10.3.2-beta.4309.0 → 10.3.2

package/dist/esm/v3/{OrTagInput-4091c8dc.js → OrTagInput-c04fed2f.js}

@@ -1,7 +1,6 @@
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
-import { e as exclude } from './exclude-684f23cf.js';
 import './dom-53c9635b.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
@@ -10,11 +9,11 @@ import './TimeFormat-a7f5565b.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
-import { s as script$3 } from './OrIconButton-76b101dc.js';
+import { s as script$3 } from './OrIconButton-525d873e.js';
 import { s as script$4 } from './OrInputBox-287f97ba.js';
 import { s as script$5 } from './OrLabel-59d09591.js';
-import { a as TagColor } from './OrTag-d8450e6c.js';
-import { s as script$6, T as TagsOverflow } from './OrTags-a242cea3.js';
+import { a as TagColor } from './OrTag-d842d17c.js';
+import { s as script$6, T as TagsOverflow } from './OrTags-97021263.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, createElementVNode, withDirectives, mergeProps, withKeys, vModelDynamic, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -51,7 +50,7 @@ var script = defineComponent({
   props: {
     modelValue: {
       type: Array,
-      default: []
+      default: () => []
     },
     label: {
       type: String,
@@ -188,7 +187,7 @@ var script = defineComponent({
       draftModelValue.value = '';
     }
     function remove(value) {
-      proxyModelValue.value = exclude(value, proxyModelValue.value);
+      proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
     }
     function reset() {
       proxyModelValue.value = [];
@@ -241,6 +240,12 @@ const _hoisted_1 = {
   class: "inline-flex w-fit max-w-full"
 };
 const _hoisted_2 = ["placeholder", "readonly", "disabled"];
+const _hoisted_3 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_4 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrTags = resolveComponent("OrTags");
@@ -328,8 +333,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[6] || (_cache[6] = $event => _ctx.reset())
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)]),
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "invalid", "readonly", "disabled", "force-state", "onFocus"]), _ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? withDirectives((openBlock(), createBlock(_component_OrHint, {
-    key: 1,
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "invalid", "readonly", "disabled", "force-state", "onFocus"]), withDirectives(createElementVNode("div", _hoisted_3, [_ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
     disabled: _ctx.disabled
   }, createSlots({
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
@@ -340,7 +345,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_4, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
@@ -351,7 +356,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 var css_248z = "\ninput[data-v-368ea875] {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n";

package/dist/esm/v3/{OrTags-a242cea3.js → OrTags-97021263.js}

@@ -6,8 +6,8 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { s as script$1 } from './OrButton-c95aef65.js';
-import { s as script$2 } from './OrPopover-92d5273a.js';
-import { s as script$3 } from './OrTag-d8450e6c.js';
+import { s as script$2 } from './OrPopover-0c507548.js';
+import { s as script$3 } from './OrTag-d842d17c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, createElementVNode } from 'vue';
 
 var TagsOverflow;

package/dist/esm/v3/{OrTextarea-7db37864.js → OrTextarea-ea50a8c4.js}

@@ -138,6 +138,12 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = ["name", "autocomplete", "placeholder", "required", "readonly", "disabled"];
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_3 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrInputBox = resolveComponent("OrInputBox");
@@ -184,8 +190,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       trim: true
     }]])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), _ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? withDirectives((openBlock(), createBlock(_component_OrHint, {
-    key: 1,
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_2, [_ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
     disabled: _ctx.disabled
   }, createSlots({
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
@@ -196,7 +202,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.length) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_3, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
@@ -207,7 +213,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.length) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 var css_248z = "\ntextarea[data-v-10a22fb4] {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n";

package/dist/esm/v3/{OrTextbox-558732b8.js → OrTextbox-6afcb5a1.js}

@@ -7,8 +7,8 @@ import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { u as useToggle } from './useToggle-c04fc920.js';
 import { s as script$1 } from './OrLabel-a7d99df4.js';
-import './OrButton-f5de246c.js';
-import { s as script$2 } from './OrIconButton-746a7058.js';
+import './OrButton-8e2c399f.js';
+import { s as script$2 } from './OrIconButton-d493432f.js';
 import { s as script$3 } from './OrHint-8822005b.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrCollapse-bbba69ea.js';

package/dist/esm/v3/{OrTimeFormat-d7246d7f.js → OrTimeFormat-df28737d.js}

@@ -5,8 +5,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { T as TimeFormat$1 } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-bdca5f38.js';
-import './OrDateTimePickerTimeSelect-ed9c8366.js';
+import './OrDateTimePicker-3053fe09.js';
+import './OrDateTimePickerTimeSelect-9f4b9dd8.js';
 import { a as formatTime } from './formatTime-fbabf53c.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrTimePicker-19d719a1.js → OrTimePicker-23fc2abf.js}

@@ -7,17 +7,17 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { T as TimeFormat } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-bdca5f38.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-ed9c8366.js';
+import './OrDateTimePicker-3053fe09.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-9f4b9dd8.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-331220bc.js';
 import { s as script$7 } from './OrHint-262c8217.js';
-import { s as script$9 } from './OrIconButton-76b101dc.js';
+import { s as script$9 } from './OrIconButton-525d873e.js';
 import { s as script$8 } from './OrIcon-c446d072.js';
 import { s as script$a, a as InputBoxSize } from './OrInputBox-287f97ba.js';
 import { s as script$b } from './OrLabel-59d09591.js';
-import { s as script$c } from './OrPopover-92d5273a.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
+import { s as script$c } from './OrPopover-0c507548.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const TimePicker = [
 // Layout
@@ -305,20 +305,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["class", "custom-styles", "trigger"]), _hoisted_1]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.openPopover], [_directive_dropdown_close, _ctx.closePopover]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
-    key: 1,
+  }, 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.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+  }, 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
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/{OrTimeRangePicker-666f59b6.js → OrTimeRangePicker-3d71d72e.js}

@@ -7,17 +7,17 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
 import { T as TimeFormat } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-bdca5f38.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-ed9c8366.js';
+import './OrDateTimePicker-3053fe09.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-9f4b9dd8.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-331220bc.js';
 import { s as script$7 } from './OrHint-262c8217.js';
-import { s as script$9 } from './OrIconButton-76b101dc.js';
+import { s as script$9 } from './OrIconButton-525d873e.js';
 import { s as script$8 } from './OrIcon-c446d072.js';
 import { s as script$a, a as InputBoxSize } from './OrInputBox-287f97ba.js';
 import { s as script$b } from './OrLabel-59d09591.js';
-import { s as script$c } from './OrPopover-92d5273a.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, vShow } from 'vue';
+import { s as script$c } from './OrPopover-0c507548.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, Fragment } from 'vue';
 
 const TimeRangePicker = [
 // Layout
@@ -357,20 +357,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["class", "custom-styles", "trigger"]), _hoisted_2]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, () => _ctx.openPopover('from')], [_directive_dropdown_close, _ctx.closePopover]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
-    key: 1,
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, () => _ctx.openPopover('from')], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+  }, 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
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/{OrToastContainer-1e4d24d6.js → OrToastContainer-99e7bdbc.js}

@@ -1,5 +1,5 @@
-import './OrButton-f5de246c.js';
-import { s as script$3 } from './OrIconButton-746a7058.js';
+import './OrButton-8e2c399f.js';
+import { s as script$3 } from './OrIconButton-d493432f.js';
 import { defineComponent, nextTick } from 'vue-demi';
 import { s as script$2 } from './OrProgress-86f6d15b.js';
 import { c as ToastType, P as PositionsX, b as PositionsY, T as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-05a9c81b.js';

package/dist/esm/v3/{OrTooltip-ffa9120a.js → OrTooltip-9d591d1e.js}

@@ -5,7 +5,7 @@ import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { a as PopoverPlacement, s as script$1 } from './OrPopover-92d5273a.js';
+import { a as PopoverPlacement, s as script$1 } from './OrPopover-0c507548.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const Tooltip = [

package/dist/esm/v3/{color-e5b0b579.js → color-911f1122.js}

@@ -1,18 +1,3 @@
-const HSL_LIMITS = {
-  h: {
-    min: 0,
-    max: 360
-  },
-  s: {
-    min: 50,
-    max: 75
-  },
-  l: {
-    min: 60,
-    max: 80
-  }
-};
-
 /**
  *  Generic
  */
@@ -68,6 +53,21 @@ function normalize(hash, min, max) {
   return Math.floor(hash % (max - min) + min);
 }
 
+const HSL_LIMITS = {
+  h: {
+    min: 0,
+    max: 360
+  },
+  s: {
+    min: 50,
+    max: 75
+  },
+  l: {
+    min: 60,
+    max: 80
+  }
+};
+
 function hexToRgb(hex) {
   hex = hex.replace(RX_SHORT_COLOR, (m, r, g, b) => r + r + g + g + b + b);
   const result = RX_LONG_COLOR.exec(hex);

package/dist/esm/v3/components/index.d.ts

@@ -1,4 +1,3 @@
-export * from './or-autocomplete-v3';
 export * from './or-avatar';
 export * from './or-avatar-v3';
 export * from './or-bottom-sheet-v3';