@onereach/ui-components 21.5.0 → 21.5.2

package/dist/esm/components/{OrAutocompleteV3-961163d0.js → OrAutocompleteV3-ab3c83bc.js}

@@ -1,7 +1,7 @@
 import { useAttrs, computed, inject, isRef, ref, watch, getCurrentInstance, onMounted, defineComponent, reactive, toRef, nextTick, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createSlots, createElementVNode, mergeProps, createVNode, Fragment, renderList, vShow } from 'vue';
 import { useMutationObserver, useResizeObserver, refDebounced, useMediaQuery, computedAsync, watchTriggerable } from '@vueuse/core';
 import O from '@onereach/styles/screens.json';
-import L$1 from '@onereach/styles/tailwind.config.json';
+import Y$1 from '@onereach/styles/tailwind.config.json';
 import { OrErrorV3 as script$1 } from './or-error-v3/index.js';
 import { OrHintV3 as script$2 } from './or-hint-v3/index.js';
 import { OrIconButtonV3 as script$3 } from './or-icon-button-v3/index.js';
@@ -33,19 +33,14 @@ function l$1(e) {
   return n;
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-const isVue3 = true;
-const isVue2 = !isVue3;
-
-const k$1 = () => {
+const Z$1 = () => {
   const e = useAttrs();
   return {
     readonly: computed(() => e.readonly),
     disabled: computed(() => e.disabled),
     "force-state": computed(() => e["force-state"])
   };
-}, V$1 = Symbol(), U$1 = Symbol(), q$1 = Symbol(), G$1 = (e) => computed(() => e.value ?? inject(V$1, r.Short)), J$1 = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+}, L$1 = Symbol(), U$1 = Symbol(), V$1 = Symbol(), _$1 = (e) => computed(() => e.value ?? inject(L$1, r.Short)), k$1 = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
   dateStyle: e.value,
   timeZone: "UTC"
 }).formatToParts(Date.UTC(1, 0, 1, 1, 1)).reduce((r, n) => {
@@ -68,55 +63,55 @@ const k$1 = () => {
     default:
       return r + n.value;
   }
-}, "") : e.value(void 0, t.value)), K$1 = (e, t) => {
+}, "") : e.value(void 0, t.value)), G$1 = (e, t) => {
   const s = isRef(e) ? e : ref(e), r = isRef(t) ? t : ref();
-  function n(a) {
-    a.style.zIndex = String(Math.max(0, ...l$1(a)) + 1);
+  function n(i) {
+    i.style.zIndex = String(Math.max(0, ...l$1(i)) + 1);
   }
-  watch([s, r], ([a]) => {
-    a && n(a);
+  watch([s, r], ([i]) => {
+    i && n(i);
   }, { immediate: !0 });
-}, N$1 = () => {
+}, J$1 = () => {
   const e = useAttrs(), t = getCurrentInstance();
   return computed(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
-}, X$1 = (e) => computed(() => e.value ?? inject(U$1, navigator.language)), ee = (e, t = {}) => {
-  const { hide: s = !0, threshold: r = 0 } = t, n = isRef(e) ? e : ref(e), a = ref([]), l = ref([]);
-  function o() {
-    const i = n.value;
-    if (i) {
-      const d = [...i.children].reduce(({ innerItems: m, outerItems: y }, T) => {
-        const f = T, { x: D, width: I } = f.getBoundingClientRect(), { x: w, width: A } = i.getBoundingClientRect();
-        return D + I > w + A + r ? (s && f.style.setProperty("visibility", "hidden"), {
+}, K$1 = (e) => computed(() => e.value ?? inject(U$1, navigator.language)), N$1 = (e, t = {}) => {
+  const { hide: s = !0, threshold: r = 0 } = t, n = isRef(e) ? e : ref(e), i = ref([]), l = ref([]);
+  function a() {
+    const o = n.value;
+    if (o) {
+      const d = [...o.children].reduce(({ innerItems: m, outerItems: y }, T) => {
+        const v = T, { x: D, width: I } = v.getBoundingClientRect(), { x: w, width: A } = o.getBoundingClientRect();
+        return D + I > w + A + r ? (s && v.style.setProperty("visibility", "hidden"), {
           innerItems: m,
-          outerItems: [...y, f]
-        }) : (s && f.style.removeProperty("visibility"), {
-          innerItems: [...m, f],
+          outerItems: [...y, v]
+        }) : (s && v.style.removeProperty("visibility"), {
+          innerItems: [...m, v],
           outerItems: y
         });
       }, {
         innerItems: [],
         outerItems: []
       });
-      a.value = d.innerItems, l.value = d.outerItems;
+      i.value = d.innerItems, l.value = d.outerItems;
     } else
-      a.value = [], l.value = [];
+      i.value = [], l.value = [];
   }
-  return watch(n, o, {
+  return watch(n, a, {
     immediate: !0
-  }), useMutationObserver(n, o, {
+  }), useMutationObserver(n, a, {
     childList: !0
-  }), useResizeObserver(n, () => t$1(o)), {
-    innerItems: a,
+  }), useResizeObserver(n, () => t$1(a)), {
+    innerItems: i,
     outerItems: l
   };
-}, te = (e, t, s = {}) => {
+}, X$1 = (e, t, s = {}) => {
   const r = ref(e.value ? "open" : "closed");
-  watch(e, (i) => {
-    r.value = i ? "open" : "closed";
+  watch(e, (o) => {
+    r.value = o ? "open" : "closed";
   });
   const n = refDebounced(r, s.debounce ?? 0);
-  watch(n, (i) => {
-    switch (t("update:state", i), i) {
+  watch(n, (o) => {
+    switch (t("update:state", o), o) {
       case "open":
         t("open");
         break;
@@ -125,23 +120,23 @@ const k$1 = () => {
         break;
     }
   });
-  function a() {
+  function i() {
     r.value = "open";
   }
   function l() {
     r.value = "closed";
   }
-  function o() {
+  function a() {
     r.value = r.value === "open" ? "closed" : "open";
   }
   return {
     state: n,
-    open: a,
+    open: i,
     close: l,
-    toggle: o
+    toggle: a
   };
 };
-function re(e, t, s = {}) {
+function ee(e, t, s = {}) {
   const { defaultValue: r } = s;
   return r ? computed({
     get: () => e.value ?? r.value,
@@ -155,30 +150,30 @@ function re(e, t, s = {}) {
     }
   });
 }
-function ne(e) {
+function te(e) {
   const t = getCurrentInstance(), s = ref();
-  e ? watch(e, (o) => {
-    s.value = o;
+  e ? watch(e, (a) => {
+    s.value = a;
   }) : onMounted(() => {
     if (t) {
-      const o = t.vnode["el" ];
+      const a = t.vnode, o = a.el || a.elm;
       o instanceof Element && (s.value = o);
     }
   });
-  const r = computed(() => l(s.value) || a.value), n = computed(() => !r.value), a = useMediaQuery(`(min-width: ${O.md})`);
-  function l(o) {
+  const r = computed(() => l(s.value) || i.value), n = computed(() => !r.value), i = useMediaQuery(`(min-width: ${O.md})`);
+  function l(a) {
     var d;
-    if (!o)
+    if (!a)
       return !1;
-    const i = (d = o.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
-    return i != null && i.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(o.parentElement ?? void 0);
+    const o = (d = a.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
+    return o != null && o.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(a.parentElement ?? void 0);
   }
   return {
     isDesktop: r,
     isMobile: n
   };
 }
-const ue = () => L$1.theme, se = (e) => computed(() => e.value ?? inject(q$1, h$1.Auto)), oe = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+const re = () => Y$1.theme, ne = (e) => computed(() => e.value ?? inject(V$1, h$1.Auto)), ue = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
   timeStyle: "short",
   hourCycle: e.value !== h$1.Auto ? e.value : void 0,
   timeZone: "UTC"
@@ -194,7 +189,7 @@ const ue = () => L$1.theme, se = (e) => computed(() => e.value ?? inject(q$1, h$
       return r + n.value;
   }
 }, "") : e.value(void 0, t.value));
-function ae(e = !1) {
+function se(e = !1) {
   const t = ref(e);
   function s() {
     t.value = !0;
@@ -212,7 +207,7 @@ function ae(e = !1) {
     toggle: n
   };
 }
-const ie = () => {
+const oe = () => {
   const e = useAttrs();
   return {
     required: computed(() => e.required),
@@ -225,20 +220,22 @@ const ie = () => {
   };
 };
 
-const t = (a, d) => {
-  a.addEventListener("keydown", (e) => {
-    ["Escape"].includes(e.key) && d.value(e);
+const o = (d, n) => {
+  d.addEventListener("keydown", (e) => {
+    ["Escape"].includes(e.key) && n.value(e);
   });
-}, s = {
-  ["created" ]: t
-}, n = (a, d) => {
-  a.addEventListener("keydown", (e) => {
-    ["Enter", " "].includes(e.key) && d.value(e);
-  }), a.addEventListener("click", (e) => {
-    e.stopPropagation(), e.preventDefault(), d.value(e);
+}, a = {
+  created: o,
+  bind: o
+}, t = (d, n) => {
+  d.addEventListener("keydown", (e) => {
+    ["Enter", " "].includes(e.key) && n.value(e);
+  }), d.addEventListener("click", (e) => {
+    e.stopPropagation(), e.preventDefault(), n.value(e);
   });
 }, c$1 = {
-  ["created" ]: n
+  created: t,
+  bind: t
 };
 
 const i$1 = (e) => e === void 0;
@@ -392,7 +389,7 @@ var script = defineComponent({
     OrTagInput: script$a
   },
   directives: {
-    DropdownClose: s,
+    DropdownClose: a,
     DropdownOpen: c$1
   },
   model: {
@@ -475,9 +472,9 @@ var script = defineComponent({
   expose: ['root', 'popover', 'popoverState', 'reset', 'clear', 'focus', 'blur'],
   setup(props, context) {
     const attributes = reactive({
-      id: N$1(),
-      ...k$1(),
-      ...ie()
+      id: J$1(),
+      ...Z$1(),
+      ...oe()
     });
     // Refs
     const root = ref();
@@ -511,7 +508,7 @@ var script = defineComponent({
     // Helpers
     const {
       isMobile
-    } = ne();
+    } = te();
     // Styles
     const rootStyles = computed(() => ['or-autocomplete-v3', ...Autocomplete, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const controlStyles = computed(() => [...AutocompleteControl]);
@@ -524,7 +521,7 @@ var script = defineComponent({
     const loaderContainerStyles = computed(() => [...AutocompleteLoaderContainer]);
     const boxOpenStyles = computed(() => [...(popoverState.value === 'open' && !isMobile.value ? popoverFlipped.value ? AutocompleteInputBoxOpenFlipped : AutocompleteInputBoxOpen : [])]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const searchText = ref();
     const filteredItems = computedAsync(async () => {
       return searchText.value ? (await props.searchFunction(searchText.value, props.items)).filter(item => {
@@ -851,4 +848,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-autocomplete-v3/OrAutocomplete.vue";
 
-export { $t as $, F as A, B, m as C, D, x as E, Ft as F, G$1 as G, Ht as H, G as I, J$1 as J, K$1 as K, b as L, Mt as M, N$1 as N, l as O, Pt as P, j as Q, R, V$1 as S, r as T, U, V, T as W, X, U$1 as Y, z as Z, w as _, isVue3 as a, q as a0, k as a1, Z as a2, Y as a3, W as a4, K as a5, g as a6, Q as a7, J as a8, Ct as a9, q$1 as aA, Bt as aB, Lt as aC, ht as aD, S as aE, l$1 as aF, dt as aG, P as aH, I as aI, yt as aJ, L as aK, i$2 as aL, E as aM, t$1 as aN, It as aO, ae as aP, Nt as aa, v as ab, Dt as ac, Xt as ad, tt as ae, nt as af, rt as ag, it as ah, ot as ai, st as aj, N as ak, et as al, ct as am, Et as an, pt as ao, _t as ap, C as aq, Rt as ar, Tt as as, ut as at, At as au, St as av, ft as aw, Ot as ax, at as ay, gt as az, i$1 as b, c, ie as d, X$1 as e, c$1 as f, se as g, h$1 as h, i, isVue2 as j, k$1 as k, u as l, d as m, ne as n, oe as o, p, ee as q, re as r, s, te as t, ue as u, script as v, h as w, H as x, $ as y, y as z };
+export { $t as $, b as A, B, l as C, D, j as E, Ft as F, G$1 as G, Ht as H, r as I, J$1 as J, K$1 as K, L$1 as L, Mt as M, N$1 as N, U$1 as O, Pt as P, z as Q, R, w as S, T, U, V, q as W, X$1 as X, k as Y, Z$1 as Z, _$1 as _, X as a, Z as a0, Y as a1, W as a2, K as a3, g as a4, Q as a5, J as a6, Ct as a7, Nt as a8, v as a9, Lt as aA, ht as aB, S as aC, l$1 as aD, dt as aE, P as aF, I as aG, yt as aH, L as aI, i$2 as aJ, E as aK, t$1 as aL, It as aM, se as aN, Dt as aa, Xt as ab, tt as ac, nt as ad, rt as ae, it as af, ot as ag, st as ah, N as ai, et as aj, ct as ak, Et as al, pt as am, _t as an, C as ao, Rt as ap, Tt as aq, ut as ar, At as as, St as at, ft as au, Ot as av, at as aw, gt as ax, V$1 as ay, Bt as az, i$1 as b, c, a as d, ee as e, c$1 as f, u as g, h$1 as h, i, d as j, k$1 as k, h as l, H as m, ne as n, oe as o, p, $ as q, re as r, script as s, te as t, ue as u, F as v, m as w, x, y, G as z };

package/dist/esm/components/OrButtonV3-a83254fb.js

@@ -0,0 +1,264 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, Fragment, createVNode, createBlock, createCommentVNode } from 'vue';
+import { OrLoaderV3 as script$1 } from './or-loader-v3/index.js';
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const isVue3 = true;
+const isVue2 = !isVue3;
+
+var ButtonVariant;
+(function (ButtonVariant) {
+  ButtonVariant["Contained"] = "contained";
+  ButtonVariant["Outlined"] = "outlined";
+  ButtonVariant["Text"] = "text";
+  ButtonVariant["Link"] = "link";
+})(ButtonVariant || (ButtonVariant = {}));
+var ButtonColor;
+(function (ButtonColor) {
+  ButtonColor["Primary"] = "primary";
+  ButtonColor["Danger"] = "danger";
+  ButtonColor["Inherit"] = "inherit";
+})(ButtonColor || (ButtonColor = {}));
+var ButtonType;
+(function (ButtonType) {
+  ButtonType["Button"] = "button";
+  ButtonType["Submit"] = "submit";
+  ButtonType["Reset"] = "reset";
+})(ButtonType || (ButtonType = {}));
+
+const Button = [
+// Layout
+'layout-inline-row',
+// Overflow
+'overflow-hidden',
+// Interactivity
+'interactivity-click',
+// Shape
+'rounded-md',
+// Typography
+'typography-button'];
+const ButtonVariants = {
+  [ButtonVariant.Contained]: [
+  //  Layout
+  'layout-inline-row justify-center',
+  // Box
+  'min-w-[96px]',
+  // Spacing
+  'px-md md:px-md', 'py-sm+ md:py-sm'],
+  [ButtonVariant.Outlined]: [
+  //  Layout
+  'layout-inline-row justify-center',
+  // Box
+  'min-w-[96px]',
+  // Spacing
+  'px-md* md:px-md*', 'py-sm+* md:py-sm*'],
+  [ButtonVariant.Text]: [
+  //  Layout
+  'layout-inline-row justify-center',
+  // Box
+  'min-w-[96px]',
+  // Spacing
+  'px-md md:px-md', 'py-sm+ md:py-sm'],
+  [ButtonVariant.Link]: [
+  //  Layout
+  'layout-inline-row justify-center']
+};
+const ButtonContainerVariants = {
+  [ButtonVariant.Contained]: [
+  //  Layout
+  'layout-inline-row', 'gap-sm+ md:gap-sm'],
+  [ButtonVariant.Outlined]: [
+  //  Layout
+  'layout-inline-row', 'gap-sm+ md:gap-sm'],
+  [ButtonVariant.Text]: [
+  //  Layout
+  'layout-inline-row', 'gap-sm+ md:gap-sm'],
+  [ButtonVariant.Link]: [
+  //  Layout
+  'layout-inline-row',
+  // Spacing
+  'gap-xs']
+};
+const ButtonColors = {
+  'primary-contained': [
+  // Theme
+  'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark',
+  // Elevation (enabled)
+  'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
+  'danger-contained': [
+  // Theme
+  'theme-preset-1-error', 'dark:theme-preset-1-error-dark',
+  // Elevation (enabled)
+  'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
+  'inherit-contained': [
+  // Elevation (enabled)
+  'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
+  'primary-outlined': [
+  // Theme
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-border-outline border-1', 'dark:theme-border-outline-dark',
+  // Theme (active)
+  'active:theme-border-primary active:border-1', 'dark:active:theme-border-primary-dark'],
+  'danger-outlined': [
+  // Theme
+  'theme-preset-3-error', 'dark:theme-preset-3-error-dark', 'theme-border-error border-1', 'dark:theme-border-error-dark'],
+  'inherit-outlined': [],
+  'primary-text': [
+  // Theme
+  'theme-preset-4-primary', 'dark:theme-preset-4-primary-dark'],
+  'danger-text': [
+  // Theme
+  'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
+  'inherit-text': [
+  // Theme
+  'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark'],
+  'primary-link': [
+  // Theme
+  'theme-preset-4-primary', 'dark:theme-preset-4-primary-dark'],
+  'danger-link': [
+  // Theme
+  'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
+  'inherit-link': [
+  // Theme
+  'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark',
+  // Theme (activated)
+  'activated:theme-foreground-default', 'dark:activated:theme-foreground-default-dark']
+};
+const ButtonLoadingColors = {
+  'primary-contained': ['interactivity-none', 'bg-primary-hover dark:bg-primary-hover-dark'],
+  'danger-contained': ['interactivity-none', 'bg-error-hover dark:bg-error-hover-dark'],
+  'inherit-contained': ['interactivity-none'],
+  'primary-outlined': ['interactivity-none'],
+  'danger-outlined': ['interactivity-none'],
+  'inherit-outlined': ['interactivity-none'],
+  'primary-text': ['interactivity-none', 'text-primary-hover dark:text-primary-hover-dark'],
+  'danger-text': ['interactivity-none', 'text-error-hover dark:text-error-hover-dark'],
+  'inherit-text': ['interactivity-none'],
+  'primary-link': ['interactivity-none', 'text-primary-hover dark:text-primary-hover-dark'],
+  'danger-link': ['interactivity-none', 'text-error-hover dark:text-error-hover-dark'],
+  'inherit-link': ['interactivity-none']
+};
+const ButtonContainerVariantsLoading = {
+  'contained': [
+  // Position
+  'relative', 'flex',
+  // Box
+  'w-full', 'h-full',
+  // Aligment
+  'items-center', 'justify-center'],
+  'outlined': [
+  // Position
+  'relative', 'flex',
+  // Box
+  'w-full', 'h-full',
+  // Aligment
+  'items-center', 'justify-center'],
+  'text': [
+  // Position
+  'relative', 'flex',
+  // Box
+  'w-full', 'h-full',
+  // Aligment
+  'items-center', 'justify-center'],
+  'link': ['contents']
+};
+const ButtonContentLoading = {
+  'contained': ['invisible'],
+  'outlined': ['invisible'],
+  'text': ['hidden'],
+  'link': ['hidden']
+};
+
+var script = defineComponent({
+  name: 'OrButton',
+  components: {
+    OrLoader: script$1
+  },
+  props: {
+    type: {
+      type: String,
+      default: () => ButtonType.Button
+    },
+    variant: {
+      type: String,
+      default: () => ButtonVariant.Contained
+    },
+    color: {
+      type: String,
+      default: () => ButtonColor.Primary
+    },
+    activated: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingText: {
+      type: String,
+      default: 'Loading'
+    }
+  },
+  emits: ['click', 'focus', 'blur'],
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-button-v3', ...Button, ...ButtonVariants[props.variant], ...ButtonColors[`${props.color}-${props.variant}`], ...(props.loading ? ButtonLoadingColors[`${props.color}-${props.variant}`] : [])]);
+    const contentContainerStyles = computed(() => [...ButtonContainerVariants[props.variant], ...(props.loading ? ButtonContainerVariantsLoading[props.variant] : [])]);
+    const contentStyles = computed(() => ['contents', ...(props.loading ? ButtonContentLoading[props.variant] : [])]);
+    return {
+      root,
+      rootStyles,
+      contentStyles,
+      contentContainerStyles,
+      isVue3
+    };
+  }
+});
+
+const _hoisted_1 = ["type", "activated", "disabled", "data-loading"];
+const _hoisted_2 = {
+  key: 0,
+  class: /*#__PURE__*/normalizeClass(['absolute'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLoader = resolveComponent("OrLoader");
+  return openBlock(), createElementBlock("button", mergeProps({
+    ref: 'root',
+    class: _ctx.rootStyles,
+    type: _ctx.type,
+    activated: _ctx.activated,
+    disabled: _ctx.disabled,
+    "data-loading": _ctx.loading
+  }, toHandlers({
+    ...(_ctx.isVue3 ? {} : _ctx.$listeners),
+    click: e => _ctx.$emit('click', e),
+    focus: e => _ctx.$emit('focus', e),
+    blur: e => _ctx.$emit('blur', e)
+  }, true)), [createElementVNode("div", {
+    class: normalizeClass(_ctx.contentContainerStyles)
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.loading ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [_ctx.variant == 'contained' || _ctx.variant == 'outlined' ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_OrLoader, {
+    variant: 'circular',
+    color: 'inherit',
+    size: 's'
+  })])) : (openBlock(), createBlock(_component_OrLoader, {
+    key: 1,
+    variant: "text",
+    text: _ctx.loadingText
+  }, null, 8 /* PROPS */, ["text"]))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */)], 16 /* FULL_PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-button-v3/OrButton.vue";
+
+export { ButtonVariant as B, ButtonColor as a, isVue3 as b, ButtonType as c, isVue2 as i, script as s };

package/dist/esm/components/{OrDateTimePickerV3-7b24568c.js → OrDateTimePickerV3-68c0e2c8.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withCtx, createVNode, renderSlot, watch, nextTick, createCommentVNode, resolveDirective, withDirectives, vShow } from 'vue';
-import { h, r as re, J, o as oe, s, f as c, G, g as se, e as X } from './OrAutocompleteV3-961163d0.js';
-import { OrButtonV3 as script$9 } from './or-button-v3/index.js';
+import { h, e as ee, k, u as ue, d as a, f as c, _, n as ne, K } from './OrAutocompleteV3-ab3c83bc.js';
+import { s as script$9 } from './OrButtonV3-a83254fb.js';
 import { OrLabelV3 as script$a } from './or-label-v3/index.js';
 import { OrIconV3 as script$b } from './or-icon-v3/index.js';
 import { OrIconButtonV3 as script$c } from './or-icon-button-v3/index.js';
@@ -127,8 +127,8 @@ var script$8 = defineComponent({
     const rootStyles = computed(() => ['or-date-time-picker-date-control-v3', ...DateTimePickerDateControl]);
     const placeholderStyles = computed(() => [...DateTimePickerDateControlPlaceholder]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
-    const placeholder = J(toRef(props, 'format'), toRef(props, 'locale'));
+    const model = ee(toRef(props, 'modelValue'), context.emit);
+    const placeholder = k(toRef(props, 'format'), toRef(props, 'locale'));
     return {
       root,
       rootStyles,
@@ -256,7 +256,7 @@ var script$7 = defineComponent({
     const buttonGroupCurrentDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupCurrentDateItem]);
     const buttonGroupInRangeDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupInRangeDateItem]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const dayOptions = computed(() => {
       const monthStartDate = new Date(Date.UTC(props.initialValue.getUTCFullYear(), props.initialValue.getUTCMonth(), 1, props.initialValue.getUTCHours(), props.initialValue.getUTCMinutes()));
       const monthEndDate = new Date(Date.UTC(props.initialValue.getUTCFullYear(), props.initialValue.getUTCMonth() + 1, 0, props.initialValue.getUTCHours(), props.initialValue.getUTCMinutes()));
@@ -470,7 +470,7 @@ var script$5 = defineComponent({
       return (_a = monthMenu.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const yearOptions = computed(() => {
       return Array.from({
         length: 11
@@ -762,8 +762,8 @@ var script$2 = defineComponent({
     const rootStyles = computed(() => ['or-date-time-picker-time-control-v3', ...DateTimePickerTimeControl]);
     const placeholderStyles = computed(() => [...DateTimePickerTimeControlPlaceholder]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
-    const placeholder = oe(toRef(props, 'format'), toRef(props, 'locale'));
+    const model = ee(toRef(props, 'modelValue'), context.emit);
+    const placeholder = ue(toRef(props, 'format'), toRef(props, 'locale'));
     return {
       root,
       rootStyles,
@@ -882,7 +882,7 @@ var script$1 = defineComponent({
     const buttonGroupStyles = computed(() => [...DateTimePickerTimeSelectButtonGroup]);
     const buttonGroupItemStyles = computed(() => [...DateTimePickerTimeSelectButtonGroupItem]);
     // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const dayPeriod = ref(((_a = model.value) !== null && _a !== void 0 ? _a : props.initialValue).getUTCHours() < 12 ? 'am' : 'pm');
     // Effects
     watch(dayPeriod, value => {
@@ -1091,7 +1091,7 @@ var script = defineComponent({
     OrPopover: script$i
   },
   directives: {
-    DropdownClose: s,
+    DropdownClose: a,
     DropdownOpen: c
   },
   model: {
@@ -1205,15 +1205,15 @@ var script = defineComponent({
     });
     const timePopoverStyles = computed(() => ['or-date-time-picker-time-popover-v3', ...DateTimePickerTimePopover]);
     // Options
-    const resolvedDateFormat = G(toRef(props, 'dateFormat'));
-    const resolvedTimeFormat = se(toRef(props, 'timeFormat'));
-    const resolvedLocale = X(toRef(props, 'locale'));
+    const resolvedDateFormat = _(toRef(props, 'dateFormat'));
+    const resolvedTimeFormat = ne(toRef(props, 'timeFormat'));
+    const resolvedLocale = K(toRef(props, 'locale'));
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {
       initialValue.value = value !== null && value !== void 0 ? value : getCurrentDate();
     });
-    const model = re(toRef(props, 'modelValue'), context.emit);
+    const model = ee(toRef(props, 'modelValue'), context.emit);
     const draft = ref(model.value);
     watch(model, value => {
       draft.value = value;

package/dist/esm/components/{OrEditorTabsV3-856e42f1.js → OrEditorTabsV3-ae6257e1.js}

@@ -1,5 +1,6 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createVNode, withModifiers, createCommentVNode, createElementVNode, toRef, watch, renderList, createBlock, withCtx, toDisplayString, createTextVNode } from 'vue';
-import { b as i, j as isVue2, r as re, l as u, n as ne } from './OrAutocompleteV3-961163d0.js';
+import { b as i, e as ee, g as u, t as te } from './OrAutocompleteV3-ab3c83bc.js';
+import { i as isVue2 } from './OrButtonV3-a83254fb.js';
 import { OrIconButtonV3 as script$2 } from './or-icon-button-v3/index.js';
 import { OrIconV3 as script$3 } from './or-icon-v3/index.js';
 import { OrMenuV3 as script$4 } from './or-menu-v3/index.js';
@@ -192,7 +193,7 @@ var script = defineComponent({
     const contentStyles = computed(() => [...EditorTabsContent]);
     const addButtonStyles = computed(() => [...EditorTabsAddButton]);
     // State
-    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = ee(toRef(props, 'modelValue'), context.emit);
     const selectedItem = computed(() => {
       return !u(proxyModelValue.value) ? s(proxyModelValue.value, props.items) : undefined;
     });
@@ -229,7 +230,7 @@ var script = defineComponent({
     const {
       isDesktop,
       isMobile
-    } = ne();
+    } = te();
     // Effects
     watch(() => props.items, items => {
       if (items.length === 1) {