@onereach/ui-components 2.63.0-beta.1907.0 → 2.63.1-beta.1936.0

package/dist/v2/index80.js

@@ -1,11 +1,11 @@
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-ab03c4f7.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f2a60b41.js';
+import '@vueuse/core';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
-import '@vueuse/core';
-import './OrIconButton-5883eba0.js';
 import './OrIcon-124f3bad.js';
 import './normalize-component-6e8e3d80.js';
-import './OrTooltip-caeac590.js';
+import './OrMenuItem-3a28db7b.js';
+import './OrMenu-bb81644d.js';
 import './OrPopover-9080fc00.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
@@ -14,3 +14,4 @@ import './OrBottomSheet-f09adbbb.js';
 import './OrOverlay-4838a9b0.js';
 import './OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
+import './OrTab-4e6ff742.js';

package/dist/v2/index81.js

@@ -1,4 +1,14 @@
-export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
+export { _ as OrTag } from './OrTag-140d4f72.js';
 import 'vue-demi';
-import 'vue';
+import './OrIcon-7cd10497.js';
+import 'lodash';
+import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
+import './style-inject.es-4c6f2515.js';
 import './normalize-component-6e8e3d80.js';
+import './OrFloating-b15309d1.js';
+import '@floating-ui/dom';
+import './OrTeleportVue2-fce4676d.js';
+import 'vue';
+import './dom-7a41831b.js';
+import './px-to-rem-0b26b83e.js';
+import './color-1f348774.js';

package/dist/v2/index82.js

@@ -1,4 +1,16 @@
-export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
-import 'portal-vue';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
 import 'vue-demi';
+import './useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+import './OrIconButton-2088a37f.js';
+import './OrIcon-124f3bad.js';
 import './normalize-component-6e8e3d80.js';
+import './OrTooltip-afe7030b.js';
+import './OrPopover-9080fc00.js';
+import '@floating-ui/dom';
+import './useElevation-0e973238.js';
+import './useResponsive-a02e95b7.js';
+import './OrBottomSheet-f09adbbb.js';
+import './OrOverlay-4838a9b0.js';
+import './OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';

package/dist/v2/index83.js

@@ -1,5 +1,4 @@
-export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
+export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
 import 'vue-demi';
-import './useClassAttribute-47fdb016.js';
-import '@vueuse/core';
+import 'vue';
 import './normalize-component-6e8e3d80.js';

package/dist/v2/index84.js

@@ -1,10 +1,4 @@
-export { _ as OrTextareaV3 } from './OrTextarea-8773d494.js';
-export { a as TextareaSize } from './OrInputBox-208dceac.js';
+export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';
 import 'vue-demi';
-import './useClassAttribute-47fdb016.js';
-import '@vueuse/core';
-import './OrError-be656098.js';
 import './normalize-component-6e8e3d80.js';
-import './OrHint-44356417.js';
-import './OrLabel-5670468e.js';
-import './style-inject.es-4c6f2515.js';

package/dist/v2/index85.js

@@ -1,23 +1,5 @@
-export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-91382d58.js';
+export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
 import 'vue-demi';
+import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './useToggle-29e4d7c7.js';
-import './px-to-rem-0b26b83e.js';
-import './dom-7a41831b.js';
-import 'lodash';
-import './OrLabel-931394a5.js';
-import './style-inject.es-4c6f2515.js';
 import './normalize-component-6e8e3d80.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
-import './OrIcon-7cd10497.js';
-import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
-import './OrFloating-b15309d1.js';
-import '@floating-ui/dom';
-import './OrTeleportVue2-fce4676d.js';
-import 'vue';
-import './OrLoader-212ef381.js';
-import './OrTooltip-b31bd78d.js';
-import './OrIconButton-cab39659.js';
-import './OrHint-fe65fbe6.js';
-import './OrError-efc74907.js';
-import './OrCollapse-50e3914c.js';

package/dist/v2/index86.js

@@ -1,20 +1,10 @@
-export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e285a86c.js';
-export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
+export { _ as OrTextareaV3 } from './OrTextarea-cc70afc9.js';
+export { a as TextareaSize } from './OrInputBox-208dceac.js';
 import 'vue-demi';
-import './OrIcon-7cd10497.js';
-import 'lodash';
-import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
-import './style-inject.es-4c6f2515.js';
-import './normalize-component-6e8e3d80.js';
-import './OrFloating-b15309d1.js';
-import '@floating-ui/dom';
-import './OrTeleportVue2-fce4676d.js';
-import 'vue';
-import './dom-7a41831b.js';
-import './px-to-rem-0b26b83e.js';
-import './OrLoader-212ef381.js';
-import './OrTooltip-b31bd78d.js';
-import './OrIconButton-cab39659.js';
-import './OrProgress-e6f20dc1.js';
+import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
+import './OrError-be656098.js';
+import './normalize-component-6e8e3d80.js';
+import './OrHint-44356417.js';
+import './OrLabel-5670468e.js';
+import './style-inject.es-4c6f2515.js';

package/dist/v2/index87.js

@@ -1,3 +1,23 @@
-export { a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
+export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-91382d58.js';
 import 'vue-demi';
 import '@vueuse/core';
+import './useToggle-29e4d7c7.js';
+import './px-to-rem-0b26b83e.js';
+import './dom-7a41831b.js';
+import 'lodash';
+import './OrLabel-931394a5.js';
+import './style-inject.es-4c6f2515.js';
+import './normalize-component-6e8e3d80.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
+import './OrIcon-7cd10497.js';
+import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
+import './OrFloating-b15309d1.js';
+import '@floating-ui/dom';
+import './OrTeleportVue2-fce4676d.js';
+import 'vue';
+import './OrLoader-212ef381.js';
+import './OrTooltip-b31bd78d.js';
+import './OrIconButton-cab39659.js';
+import './OrHint-fe65fbe6.js';
+import './OrError-efc74907.js';
+import './OrCollapse-50e3914c.js';

package/dist/v2/index88.js

@@ -1,19 +1,20 @@
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-fb93ea4e.js';
-export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
-import '@vueuse/core';
+export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e285a86c.js';
+export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
 import 'vue-demi';
-import './OrTeleport.vue2-fb92f29f.js';
-import 'portal-vue';
+import './OrIcon-7cd10497.js';
+import 'lodash';
+import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
+import './style-inject.es-4c6f2515.js';
 import './normalize-component-6e8e3d80.js';
-import './OrIconButton-5883eba0.js';
-import './useClassAttribute-47fdb016.js';
-import './OrIcon-124f3bad.js';
-import './OrTooltip-caeac590.js';
-import './OrPopover-9080fc00.js';
+import './OrFloating-b15309d1.js';
 import '@floating-ui/dom';
-import './useElevation-0e973238.js';
-import './useResponsive-a02e95b7.js';
-import './OrBottomSheet-f09adbbb.js';
-import './OrOverlay-4838a9b0.js';
-import './OrLoader-bd088836.js';
-import './style-inject.es-4c6f2515.js';
+import './OrTeleportVue2-fce4676d.js';
+import 'vue';
+import './dom-7a41831b.js';
+import './px-to-rem-0b26b83e.js';
+import './OrLoader-212ef381.js';
+import './OrTooltip-b31bd78d.js';
+import './OrIconButton-cab39659.js';
+import './OrProgress-e6f20dc1.js';
+import '@vueuse/core';

package/dist/v2/index89.js

@@ -1,3 +1,3 @@
-export { a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
+export { a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
 import 'vue-demi';
 import '@vueuse/core';

package/dist/v2/index90.js

@@ -1,11 +1,19 @@
-export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
-export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
-import './normalize-component-6e8e3d80.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-89aad7fb.js';
+export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
+import '@vueuse/core';
 import 'vue-demi';
-import 'lodash';
-import './style-inject.es-4c6f2515.js';
-import './OrFloating-b15309d1.js';
+import './OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';
+import './normalize-component-6e8e3d80.js';
+import './OrIconButton-2088a37f.js';
+import './useClassAttribute-47fdb016.js';
+import './OrIcon-124f3bad.js';
+import './OrTooltip-afe7030b.js';
+import './OrPopover-9080fc00.js';
 import '@floating-ui/dom';
-import './OrTeleportVue2-fce4676d.js';
-import 'vue';
-import './dom-7a41831b.js';
+import './useElevation-0e973238.js';
+import './useResponsive-a02e95b7.js';
+import './OrBottomSheet-f09adbbb.js';
+import './OrOverlay-4838a9b0.js';
+import './OrLoader-bd088836.js';
+import './style-inject.es-4c6f2515.js';

package/dist/v2/index91.js

@@ -1,13 +1,3 @@
-export { _ as OrTooltipV3 } from './OrTooltip-caeac590.js';
-export { P as TooltipPlacement } from './OrPopover-9080fc00.js';
-import '@vueuse/core';
+export { a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 import 'vue-demi';
-import './useClassAttribute-47fdb016.js';
-import './normalize-component-6e8e3d80.js';
-import '@floating-ui/dom';
-import './useElevation-0e973238.js';
-import './useResponsive-a02e95b7.js';
-import './OrBottomSheet-f09adbbb.js';
-import './OrOverlay-4838a9b0.js';
-import './OrTeleport.vue2-fb92f29f.js';
-import 'portal-vue';
+import '@vueuse/core';

package/dist/v2/index92.js

@@ -1,2 +1,11 @@
-export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
+export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
+export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
+import './normalize-component-6e8e3d80.js';
 import 'vue-demi';
+import 'lodash';
+import './style-inject.es-4c6f2515.js';
+import './OrFloating-b15309d1.js';
+import '@floating-ui/dom';
+import './OrTeleportVue2-fce4676d.js';
+import 'vue';
+import './dom-7a41831b.js';

package/dist/v2/index93.js

@@ -1,7 +1,13 @@
-export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-export { u as useElevation } from './useElevation-0e973238.js';
-export { u as useOverflow } from './useOverflow-ac506c65.js';
-export { u as useResponsive } from './useResponsive-a02e95b7.js';
-export { u as useToggle } from './useToggle-29e4d7c7.js';
-import 'vue-demi';
+export { _ as OrTooltipV3 } from './OrTooltip-afe7030b.js';
+export { P as TooltipPlacement } from './OrPopover-9080fc00.js';
 import '@vueuse/core';
+import 'vue-demi';
+import './useClassAttribute-47fdb016.js';
+import './normalize-component-6e8e3d80.js';
+import '@floating-ui/dom';
+import './useElevation-0e973238.js';
+import './useResponsive-a02e95b7.js';
+import './OrBottomSheet-f09adbbb.js';
+import './OrOverlay-4838a9b0.js';
+import './OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';

package/dist/v2/index94.js

@@ -1,3 +1,2 @@
-export { u as useResponsive } from './useResponsive-a02e95b7.js';
-import '@vueuse/core';
+export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import 'vue-demi';

package/dist/v2/index95.js

@@ -0,0 +1,7 @@
+export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+export { u as useElevation } from './useElevation-0e973238.js';
+export { u as useOverflow } from './useOverflow-ac506c65.js';
+export { u as useResponsive } from './useResponsive-a02e95b7.js';
+export { u as useToggle } from './useToggle-29e4d7c7.js';
+import 'vue-demi';
+import '@vueuse/core';

package/dist/v2/index96.js

@@ -0,0 +1,3 @@
+export { u as useResponsive } from './useResponsive-a02e95b7.js';
+import '@vueuse/core';
+import 'vue-demi';

package/dist/v2/{types-fb93ea4e.js → types-89aad7fb.js}

@@ -2,7 +2,7 @@ import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
 import { _ as __vue_component__$4 } from './OrTeleport.vue2-fb92f29f.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
-import { _ as __vue_component__$2 } from './OrIconButton-5883eba0.js';
+import { _ as __vue_component__$2 } from './OrIconButton-2088a37f.js';
 import { _ as __vue_component__$3 } from './OrLoader-bd088836.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/v3/OrCardCollection-c6f3ac23.js

@@ -0,0 +1,198 @@
+import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+import { s as script$1 } from './OrCard-b63658a8.js';
+import { s as script$2 } from './OrIconButton-5fb3a9aa.js';
+import { s as script$3 } from './OrInput-db4813b4.js';
+import { s as script$4 } from './OrSortHeader-5eba50cd.js';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createVNode, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+
+var CardCollectionView;
+(function (CardCollectionView) {
+  CardCollectionView["Grid"] = "grid";
+  CardCollectionView["List"] = "list";
+})(CardCollectionView || (CardCollectionView = {}));
+
+const CardCollectionRoot = [
+// Layout
+'flex flex-col',
+// Spacing
+'gap-md'];
+const CardCollectionToolbar = [
+// Layout
+'flex', 'justify-between', 'items-center',
+// Typography
+'typography-body-2-regular',
+// Theme
+'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const CardCollectionToolbarPanel = [
+// Layout
+'flex', 'justify-normal', 'items-center',
+// Spacing
+'gap-sm'];
+const CardCollectionContent = [
+// Layout
+'grid',
+// Spacing
+'gap-sm md:gap-md'];
+const CardCollectionContentViews = {
+  'grid': [
+  // Layout
+  'sm:grid-cols-1', 'md:grid-cols-2', 'lg:grid-cols-4', 'xl:grid-cols-6'],
+  'list': []
+};
+
+var script = defineComponent({
+  name: 'OrCardCollection',
+  components: {
+    OrCard: script$1,
+    OrIconButton: script$2,
+    OrInput: script$3,
+    OrSortHeader: script$4
+  },
+  inheritAttrs: false,
+  props: {
+    items: {
+      type: Array,
+      default: []
+    },
+    view: {
+      type: String,
+      default: CardCollectionView.Grid
+    },
+    sort: {
+      type: Object,
+      default: undefined
+    },
+    sortHeaders: {
+      type: Array,
+      default: undefined
+    },
+    search: {
+      type: String,
+      default: undefined
+    }
+  },
+  emits: ['viewChange', 'sortChange', 'searchChange'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-card-collection', ...CardCollectionRoot, classAttribute.value]);
+    const toolbarStyles = computed(() => [...CardCollectionToolbar]);
+    const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
+    const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[proxyView.value]]);
+    // State
+    const proxyView = ref(props.view);
+    const proxySort = ref(props.sort);
+    const proxySearch = ref(props.search);
+    // Methods
+    function switchToGridView() {
+      proxyView.value = CardCollectionView.Grid;
+    }
+    function switchToListView() {
+      proxyView.value = CardCollectionView.List;
+    }
+    // Effects
+    watch(() => props.view, value => {
+      proxyView.value = value;
+    });
+    watch(proxyView, value => {
+      context.emit('viewChange', value);
+    });
+    watch(() => props.sort, value => {
+      proxySort.value = value;
+    });
+    watch(proxySort, value => {
+      context.emit('sortChange', value);
+    });
+    watch(() => props.search, value => {
+      proxySearch.value = value;
+    });
+    watch(proxySearch, value => {
+      context.emit('searchChange', value);
+    });
+    return {
+      root,
+      rootStyles,
+      toolbarStyles,
+      toolbarPanelStyles,
+      contentStyles,
+      proxyView,
+      proxySort,
+      proxySearch,
+      switchToGridView,
+      switchToListView
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrSortHeader = resolveComponent("OrSortHeader");
+  const _component_OrInput = resolveComponent("OrInput");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrCard = resolveComponent("OrCard");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [createElementVNode("div", {
+    class: normalizeClass(_ctx.toolbarStyles)
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.toolbarPanelStyles)
+  }, [_ctx.sortHeaders ? (openBlock(true), createElementBlock(Fragment, {
+    key: 0
+  }, renderList(_ctx.sortHeaders, header => {
+    return openBlock(), createBlock(_component_OrSortHeader, {
+      key: header.value,
+      modelValue: _ctx.proxySort,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxySort = $event),
+      "input-value": header.value
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(header.label), 1 /* TEXT */)]),
+
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "input-value"]);
+  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.toolbarPanelStyles)
+  }, [createVNode(_component_OrInput, {
+    modelValue: _ctx.proxySearch,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.proxySearch = $event),
+    type: 'search',
+    placeholder: 'Search',
+    size: 's'
+  }, null, 8 /* PROPS */, ["modelValue"]), createVNode(_component_OrIconButton, {
+    icon: 'grid_view',
+    onClick: _cache[2] || (_cache[2] = $event => _ctx.switchToGridView())
+  }), createVNode(_component_OrIconButton, {
+    icon: 'view_list',
+    onClick: _cache[3] || (_cache[3] = $event => _ctx.switchToListView())
+  }), renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [_ctx.proxyView === 'grid' ? (openBlock(true), createElementBlock(Fragment, {
+    key: 0
+  }, renderList(_ctx.items, item => {
+    return openBlock(), createBlock(_component_OrCard, {
+      key: item.id
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "gridItem", normalizeProps(guardReactiveProps(item)))]),
+      _: 2 /* DYNAMIC */
+    }, 1024 /* DYNAMIC_SLOTS */);
+  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.proxyView === 'list' ? (openBlock(true), createElementBlock(Fragment, {
+    key: 1
+  }, renderList(_ctx.items, item => {
+    return openBlock(), createBlock(_component_OrCard, {
+      key: item.id
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "listItem", normalizeProps(guardReactiveProps(item)))]),
+      _: 2 /* DYNAMIC */
+    }, 1024 /* DYNAMIC_SLOTS */);
+  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */)], 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-card-collection-v3/OrCardCollection.vue";
+
+export { CardCollectionView as C, script as s };

package/dist/v3/{OrConfirm-456ddee1.js → OrConfirm-0bafcc7b.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { s as script$2, a as ButtonColor } from './OrButton-12b36e89.js';
 import { s as script$1 } from './OrOverlay-27050c19.js';
-import { s as script$3 } from './OrInput-3eef7945.js';
+import { s as script$3 } from './OrInput-db4813b4.js';
 import { useMagicKeys, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';

package/dist/v3/{OrIconButton-b8066b5d.js → OrIconButton-5fb3a9aa.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrIcon-b3906e35.js';
-import { s as script$2 } from './OrTooltip-30e05f9e.js';
+import { s as script$2 } from './OrTooltip-36c6728c.js';
 import './OrPopover-3525c670.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, createVNode } from 'vue';
 

package/dist/v3/{OrInlineInput-280768ba.js → OrInlineInput-d9bbc08c.js}

@@ -3,9 +3,9 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
-import { s as script$3 } from './OrIconButton-b8066b5d.js';
+import { s as script$3 } from './OrIconButton-5fb3a9aa.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-1b473796.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, Fragment, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
 var InlineInputType;
@@ -129,14 +129,15 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
+      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
       }
       activated.value = false;
     }
     // Effects
     watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
     }, {
       immediate: true
     });
@@ -201,7 +202,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     icon: 'close',
     color: 'inherit',
     onClick: withModifiers(_ctx.reset, ["stop"])
-  }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), !_ctx.invalid ? (openBlock(), createBlock(_component_OrHint, {
+  }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
     key: 0
   }, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint) + " ", 1 /* TEXT */)]),
@@ -212,7 +215,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : (openBlock(), createBlock(_component_OrError, {
+  } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
     key: 1
   }, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),

package/dist/v3/{OrInlineTextarea-0f63f344.js → OrInlineTextarea-d5a97ed9.js}

@@ -3,9 +3,9 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
-import { s as script$3 } from './OrIconButton-b8066b5d.js';
+import { s as script$3 } from './OrIconButton-5fb3a9aa.js';
 import { s as script$4 } from './OrInlineInputBox-1b473796.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, Fragment, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
 const InlineTextareaRoot = [
@@ -115,14 +115,15 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
+      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
       }
       activated.value = false;
     }
     // Effects
     watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
     }, {
       immediate: true
     });
@@ -186,7 +187,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     icon: 'close',
     color: 'inherit',
     onClick: withModifiers(_ctx.reset, ["stop"])
-  }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), !_ctx.invalid ? (openBlock(), createBlock(_component_OrHint, {
+  }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
     key: 0
   }, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint) + " ", 1 /* TEXT */)]),
@@ -197,7 +200,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : (openBlock(), createBlock(_component_OrError, {
+  } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
     key: 1
   }, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),