@onereach/ui-components 2.68.0-beta.2002.0 → 2.68.0-beta.2003.0

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-6c5f94a6.js → OrCode.vue_vue_type_script_lang-ef5e7f04.js}

@@ -1,5 +1,4 @@
 import { useElementHover } from '@vueuse/core';
-import { k as keyName, b as base, s as shift } from './index.es-3f39f316.js';
 import _ from 'lodash';
 import { defineComponent, ref } from 'vue';
 import { s as script$3 } from './OrTeleportVue3-012351e1.js';
@@ -3925,6 +3924,120 @@ class StyleSet {
 // example to create a media query you can do `{"@media screen and
 // (min-width: 400px)": {...}}`.
 
+var base = {
+  8: "Backspace",
+  9: "Tab",
+  10: "Enter",
+  12: "NumLock",
+  13: "Enter",
+  16: "Shift",
+  17: "Control",
+  18: "Alt",
+  20: "CapsLock",
+  27: "Escape",
+  32: " ",
+  33: "PageUp",
+  34: "PageDown",
+  35: "End",
+  36: "Home",
+  37: "ArrowLeft",
+  38: "ArrowUp",
+  39: "ArrowRight",
+  40: "ArrowDown",
+  44: "PrintScreen",
+  45: "Insert",
+  46: "Delete",
+  59: ";",
+  61: "=",
+  91: "Meta",
+  92: "Meta",
+  106: "*",
+  107: "+",
+  108: ",",
+  109: "-",
+  110: ".",
+  111: "/",
+  144: "NumLock",
+  145: "ScrollLock",
+  160: "Shift",
+  161: "Shift",
+  162: "Control",
+  163: "Control",
+  164: "Alt",
+  165: "Alt",
+  173: "-",
+  186: ";",
+  187: "=",
+  188: ",",
+  189: "-",
+  190: ".",
+  191: "/",
+  192: "`",
+  219: "[",
+  220: "\\",
+  221: "]",
+  222: "'"
+};
+var shift = {
+  48: ")",
+  49: "!",
+  50: "@",
+  51: "#",
+  52: "$",
+  53: "%",
+  54: "^",
+  55: "&",
+  56: "*",
+  57: "(",
+  59: ":",
+  61: "+",
+  173: "_",
+  186: ":",
+  187: "+",
+  188: "<",
+  189: "_",
+  190: ">",
+  191: "?",
+  192: "~",
+  219: "{",
+  220: "|",
+  221: "}",
+  222: "\""
+};
+var chrome$1 = typeof navigator != "undefined" && /Chrome\/(\d+)/.exec(navigator.userAgent);
+typeof navigator != "undefined" && /Gecko\/\d+/.test(navigator.userAgent);
+var mac = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
+var ie$1 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
+var brokenModifierNames = mac || chrome$1 && +chrome$1[1] < 57;
+
+// Fill in the digit keys
+for (var i = 0; i < 10; i++) base[48 + i] = base[96 + i] = String(i);
+
+// The function keys
+for (var i = 1; i <= 24; i++) base[i + 111] = "F" + i;
+
+// And the alphabetic keys
+for (var i = 65; i <= 90; i++) {
+  base[i] = String.fromCharCode(i + 32);
+  shift[i] = String.fromCharCode(i);
+}
+
+// For each code that doesn't have a shift-equivalent, copy the base name
+for (var code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];
+function keyName(event) {
+  var ignoreKey = brokenModifierNames && (event.ctrlKey || event.altKey || event.metaKey) || ie$1 && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
+  var name = !ignoreKey && event.key || (event.shiftKey ? shift : base)[event.keyCode] || event.key || "Unidentified";
+  // Edge sometimes produces wrong names (Issue #3)
+  if (name == "Esc") name = "Escape";
+  if (name == "Del") name = "Delete";
+  // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8860571/
+  if (name == "Left") name = "ArrowLeft";
+  if (name == "Up") name = "ArrowUp";
+  if (name == "Right") name = "ArrowRight";
+  if (name == "Down") name = "ArrowDown";
+  return name;
+}
+
 function getSelection(root) {
   let target;
   // Browsers differ on whether shadow roots have a getSelection

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-2fdbd2f2.js → OrTabs.vue_vue_type_script_lang-ca57f9d9.js}

@@ -1,14 +1,40 @@
 import { useResizeObserver } from '@vueuse/core';
-import { openBlock, createElementBlock, mergeProps, renderSlot, defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createElementVNode, normalizeClass, withModifiers, renderSlot, defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue';
 import './OrIcon-3a514933.js';
-import './OrMenu-08aa60de.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-bae45062.js';
 import './OrMenuItem-94ffa853.js';
-import { s as script$1 } from './OrTab.vue_vue_type_script_lang-671949b7.js';
+import { s as script$2 } from './OrTab.vue_vue_type_script_lang-671949b7.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-bae45062.js';
+import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-ccb7e082.js';
 
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrPopover = resolveComponent("OrPopover");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [createVNode(_component_OrPopover, {
+    ref: "popover",
+    variant: 'auto',
+    trigger: _ctx.trigger,
+    placement: _ctx.placement,
+    "full-width": false,
+    "disable-default-styles": false,
+    "onUpdate:state": _cache[1] || (_cache[1] = $event => _ctx.$emit('update:state', $event))
+  }, {
+    default: withCtx(() => [createElementVNode("div", {
+      class: normalizeClass(_ctx.bodyStyles),
+      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["trigger", "placement"])], 16 /* FULL_PROPS */);
+}
+
+script$1.render = render$1;
+script$1.__file = "src/components/or-menu-v3/OrMenu.vue";
+
 const _hoisted_1 = ["selected"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
@@ -23,8 +49,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */, _hoisted_1);
 }
 
-script$1.render = render;
-script$1.__file = "src/components/or-tab-v3/OrTab.vue";
+script$2.render = render;
+script$2.__file = "src/components/or-tab-v3/OrTab.vue";
 
 var TabsVariant;
 (function (TabsVariant) {
@@ -53,10 +79,10 @@ const TabsRootVariants = {
 var script = defineComponent({
   name: 'OrTabs',
   components: {
-    OrIcon: script$2,
-    OrMenu: script$3,
+    OrIcon: script$3,
+    OrMenu: script$1,
     OrMenuItem: script$4,
-    OrTab: script$1
+    OrTab: script$2
   },
   inheritAttrs: false,
   props: {

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

@@ -87,4 +87,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-rich-text-editor-v3';

package/dist/bundled/v3/components/index.js

@@ -15,7 +15,7 @@ export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-cd20521b
 export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-10d8b047.js';
 export { s as OrChip } from '../OrChip-5d502431.js';
 export { s as OrChips } from '../OrChips.vue_vue_type_script_lang-69917e34.js';
-export { s as OrCode, O as OrCodeLanguages } from '../OrCode.vue_vue_type_script_lang-6c5f94a6.js';
+export { s as OrCode, O as OrCodeLanguages } from '../OrCode.vue_vue_type_script_lang-ef5e7f04.js';
 export { s as OrCollapse } from '../OrCollapse.vue_vue_type_script_lang-65cbb754.js';
 export { s 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.vue_vue_type_script_lang-4141378d.js';
 export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-0f16fc67.js';
@@ -80,7 +80,7 @@ export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-de7c7063.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-e1f29563.js';
 export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-671949b7.js';
 export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-40e2a6e9.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs.vue_vue_type_script_lang-2fdbd2f2.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs.vue_vue_type_script_lang-ca57f9d9.js';
 export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-8c526c11.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag.vue_vue_type_script_lang-6be84bb9.js';
 export { s as OrTeleport } from '../OrTeleportVue3-012351e1.js';
@@ -95,7 +95,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-4d43
 export { s as OrTooltip } from '../OrTooltip.vue_vue_type_script_lang-fa52d391.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-b0dcb862.js';
 export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-a4168546.js';
-export { s as OrRichTextEditorV3 } from '../OrRichTextEditor.vue_vue_type_script_lang-2e607f79.js';
 import 'vue';
 import 'lodash';
 import '../OrIcon-1cae8a64.js';
@@ -111,7 +110,6 @@ import '../OrInput-4b4b8316.js';
 import '../OrLabel-2809e2db.js';
 import '../OrLabel-e412c532.js';
 import '../OrError-b43ebad8.js';
-import '../index.es-3f39f316.js';
 import '../OrModal-868160ef.js';
 import '../OrHint-c9114268.js';
 import '../px-to-rem-0b26b83e.js';
@@ -133,5 +131,3 @@ import '../useElevation-c8d5d3ba.js';
 import '../OrMenuItem-94ffa853.js';
 import '../dropdown-open-293d2de2.js';
 import '../useOverflow-2468b718.js';
-import '../OrMenu-08aa60de.js';
-import 'node:punycode';

package/dist/bundled/v3/components/or-code/index.js

@@ -1,6 +1,5 @@
-export { s as OrCode, O as OrCodeLanguages } from '../../OrCode.vue_vue_type_script_lang-6c5f94a6.js';
+export { s as OrCode, O as OrCodeLanguages } from '../../OrCode.vue_vue_type_script_lang-ef5e7f04.js';
 import '@vueuse/core';
-import '../../index.es-3f39f316.js';
 import 'lodash';
 import 'vue';
 import '../../OrTeleportVue3-012351e1.js';

package/dist/bundled/v3/components/or-empty-state-v3/OrEmptyState.stories3.d.ts

@@ -0,0 +1,39 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+import OrEmptyState from './OrEmptyState.vue';
+declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export default _default;
+export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const LinearLoader: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const CircularLoader: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const MaterialIcon: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const ImageIcon: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const ExtraContentInSlot: StoryFn<typeof OrEmptyState>;
+export declare const Containers: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;

package/dist/bundled/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts

@@ -0,0 +1,109 @@
+import { LoaderVariant } from '../or-loader-v3';
+import { PropType } from 'vue-demi';
+import { EmptyStateLoader } from '.';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {
+    loaderVariant(): LoaderVariant | undefined;
+}, {
+    /**
+     * The heading of the empty state block.
+     */
+    heading: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Additional text such as a hint for a user with proposed next steps.
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Material icon name to display above the heading.
+     */
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Path to the image to display above the heading.
+     * Image height is scaled to 48px, width is undefined to preserve aspect ratio.
+     */
+    iconSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * If provided, then loader is being displayed.
+     * Accepts booleans and OrLoader::variant values. `true` falls back to 'linear'.
+     */
+    loader: {
+        type: PropType<EmptyStateLoader>;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    /**
+     * The heading of the empty state block.
+     */
+    heading: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Additional text such as a hint for a user with proposed next steps.
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Material icon name to display above the heading.
+     */
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Path to the image to display above the heading.
+     * Image height is scaled to 48px, width is undefined to preserve aspect ratio.
+     */
+    iconSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * If provided, then loader is being displayed.
+     * Accepts booleans and OrLoader::variant values. `true` falls back to 'linear'.
+     */
+    loader: {
+        type: PropType<EmptyStateLoader>;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    heading: string;
+    text: string;
+    icon: string;
+    iconSrc: string;
+    loader: EmptyStateLoader;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
+    loaderVariant(): LoaderVariant | undefined;
+}, {}, {}, {}, {}, {
+    heading: string;
+    text: string;
+    icon: string;
+    iconSrc: string;
+    loader: EmptyStateLoader;
+} & {}, {
+    heading: string;
+    text: string;
+    icon: string;
+    iconSrc: string;
+    loader: EmptyStateLoader;
+}, true>);
+/**
+ * The component to display when there is no content on a page,
+ * no records found or selected, or while the data is being loaded.
+ * Provides a hint to the user on what to do.
+ * Consists of text message, optional icon and optional loader.
+ */
+export default _default;

package/dist/bundled/v3/components/or-empty-state-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrEmptyStateV3 } from './OrEmptyState.vue';
+export * from './types';

package/dist/bundled/v3/components/or-empty-state-v3/index.js

@@ -0,0 +1,111 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createBlock, createCommentVNode, createElementVNode, toDisplayString, createVNode, renderSlot } from 'vue';
+import '../../OrIcon-3a514933.js';
+import '../../OrLoader-65868e73.js';
+import { s as script$2, L as LoaderVariant } from '../../OrLoader.vue_vue_type_script_lang-edd1b404.js';
+import { s as script$1 } from '../../OrIcon.vue_vue_type_script_lang-41a6a57a.js';
+import '../../useClassAttribute-00888f78.js';
+
+/**
+ * The component to display when there is no content on a page,
+ * no records found or selected, or while the data is being loaded.
+ * Provides a hint to the user on what to do.
+ * Consists of text message, optional icon and optional loader.
+ */
+var script = defineComponent({
+  name: 'OrEmptyState',
+  components: {
+    OrIcon: script$1,
+    OrLoader: script$2
+  },
+  props: {
+    /**
+     * The heading of the empty state block.
+     */
+    heading: {
+      type: String,
+      default: ''
+    },
+    /**
+     * Additional text such as a hint for a user with proposed next steps.
+     */
+    text: {
+      type: String,
+      default: ''
+    },
+    /**
+     * Material icon name to display above the heading.
+     */
+    icon: {
+      type: String,
+      default: undefined
+    },
+    /**
+     * Path to the image to display above the heading.
+     * Image height is scaled to 48px, width is undefined to preserve aspect ratio.
+     */
+    iconSrc: {
+      type: String,
+      default: undefined
+    },
+    /**
+     * If provided, then loader is being displayed.
+     * Accepts booleans and OrLoader::variant values. `true` falls back to 'linear'.
+     */
+    loader: {
+      type: [String, Boolean],
+      default: false
+    }
+  },
+  computed: {
+    loaderVariant() {
+      if (typeof this.loader === 'string') {
+        return this.loader;
+      } else if (this.loader === true) {
+        return LoaderVariant.Linear;
+      } else {
+        return undefined;
+      }
+    }
+  }
+});
+
+const _hoisted_1 = {
+  class: "empty-state w-full grow flex flex-col justify-center items-center gap-sm"
+};
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  class: "empty-state_heading text-on-background dark:text-on-background-dark text-headline-4 font-headline-4"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "empty-state_loader max-w-[432px] w-2/5 flex justify-center my-sm"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "empty-state_content text-center text-outline dark:text-outline-dark text-caption-regular font-caption-regular"
+};
+const _hoisted_6 = {
+  class: "empty-state_content text-center text-outline dark:text-outline-dark text-caption-regular font-caption-regular"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrLoader = resolveComponent("OrLoader");
+  return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.icon ? (openBlock(), createBlock(_component_OrIcon, {
+    key: 0,
+    icon: _ctx.icon,
+    size: "inherit",
+    class: "empty-state_icon w-2xl h-2xl text-[48px] text-on-surface-variant dark:text-on-surface-variant-dark mb-sm"
+  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true), _ctx.iconSrc ? (openBlock(), createElementBlock("img", {
+    key: 1,
+    src: _ctx.iconSrc,
+    class: "empty-state_image h-2xl mb-sm",
+    alt: ""
+  }, null, 8 /* PROPS */, _hoisted_2)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, toDisplayString(_ctx.heading), 1 /* TEXT */), _ctx.loader ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(_component_OrLoader, {
+    variant: _ctx.loaderVariant
+  }, null, 8 /* PROPS */, ["variant"])])) : createCommentVNode("v-if", true), _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5, [createCommentVNode(" @slot Additional content can be inserted via default slot. The slot uses the same font as a 'text' prop. "), renderSlot(_ctx.$slots, "default")])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_6, toDisplayString(_ctx.text), 1 /* TEXT */)]);
+}
+
+script.render = render;
+script.__file = "src/components/or-empty-state-v3/OrEmptyState.vue";
+
+export { script as OrEmptyStateV3 };

package/dist/bundled/v3/components/or-empty-state-v3/types.d.ts

@@ -0,0 +1,2 @@
+import { LoaderVariant } from '../or-loader-v3';
+export declare type EmptyStateLoader = boolean | LoaderVariant | undefined;

package/dist/bundled/v3/components/or-tabs-v3/index.js

@@ -1,10 +1,9 @@
-export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs.vue_vue_type_script_lang-2fdbd2f2.js';
+export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs.vue_vue_type_script_lang-ca57f9d9.js';
 import '@vueuse/core';
 import 'vue';
 import '../../OrIcon-3a514933.js';
 import '../../OrIcon.vue_vue_type_script_lang-41a6a57a.js';
 import '../../useClassAttribute-00888f78.js';
-import '../../OrMenu-08aa60de.js';
 import '../../OrMenu.vue_vue_type_script_lang-bae45062.js';
 import '../../OrPopover-93ef8c26.js';
 import '../../OrPopover.vue_vue_type_script_lang-e200f5be.js';