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

package/dist/esm/v2/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/esm/v2/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/esm/v2/components/or-empty-state-v3/index.d.ts

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

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

@@ -0,0 +1,129 @@
+import { _ as __vue_component__$2, L as LoaderVariant } from '../../OrLoader-bd088836.js';
+import { _ as __vue_component__$1 } from '../../OrIcon-05689298.js';
+import { defineComponent } from 'vue-demi';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../../useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+
+/**
+ * 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: __vue_component__$1,
+    OrLoader: __vue_component__$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;
+      }
+    }
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "empty-state w-full grow flex flex-col justify-center items-center gap-sm"
+  }, [_vm.icon ? _c('OrIcon', {
+    staticClass: "empty-state_icon w-2xl h-2xl text-[48px] text-on-surface-variant dark:text-on-surface-variant-dark mb-sm",
+    attrs: {
+      "icon": _vm.icon,
+      "size": "inherit"
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.iconSrc ? _c('img', {
+    staticClass: "empty-state_image h-2xl mb-sm",
+    attrs: {
+      "src": _vm.iconSrc,
+      "alt": ""
+    }
+  }) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "empty-state_heading text-on-background dark:text-on-background-dark text-headline-4 font-headline-4"
+  }, [_vm._v("\n    " + _vm._s(_vm.heading) + "\n  ")]), _vm._v(" "), _vm.loader ? _c('div', {
+    staticClass: "empty-state_loader max-w-[432px] w-2/5 flex justify-center my-sm"
+  }, [_c('OrLoader', {
+    attrs: {
+      "variant": _vm.loaderVariant
+    }
+  })], 1) : _vm._e(), _vm._v(" "), _vm.$slots.default ? _c('div', {
+    staticClass: "empty-state_content text-center text-outline dark:text-outline-dark text-caption-regular font-caption-regular"
+  }, [_vm._t("default")], 2) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "empty-state_content text-center text-outline dark:text-outline-dark text-caption-regular font-caption-regular"
+  }, [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])], 1);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = "data-v-58e2742a";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { __vue_component__ as OrEmptyStateV3 };

package/dist/esm/v2/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/esm/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/esm/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/esm/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/esm/v3/components/or-empty-state-v3/index.js

@@ -0,0 +1,111 @@
+import { s as script$2, L as LoaderVariant } from '../../OrLoader-60943812.js';
+import { s as script$1 } from '../../OrIcon-e2fa4cf8.js';
+import { defineComponent } from 'vue-demi';
+import { resolveComponent, openBlock, createElementBlock, createBlock, createCommentVNode, createElementVNode, toDisplayString, createVNode, renderSlot } from 'vue';
+import '../../useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+
+/**
+ * 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/esm/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.68.0-beta.2001.0",
+  "version": "2.68.0-beta.2003.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -39,21 +39,6 @@
     "@floating-ui/dom": "0.3.1",
     "@onereach/styles": "^2.32.0",
     "@splidejs/splide": "4.0.6",
-    "@tiptap/core": "2.0.0-beta.209",
-    "@tiptap/extension-bold": "2.0.0-beta.209",
-    "@tiptap/extension-bullet-list": "2.0.0-beta.209",
-    "@tiptap/extension-hard-break": "2.0.0-beta.209",
-    "@tiptap/extension-heading": "2.0.0-beta.209",
-    "@tiptap/extension-highlight": "2.0.0-beta.209",
-    "@tiptap/extension-italic": "2.0.0-beta.209",
-    "@tiptap/extension-link": "2.0.0-beta.209",
-    "@tiptap/extension-list-item": "2.0.0-beta.209",
-    "@tiptap/extension-ordered-list": "2.0.0-beta.209",
-    "@tiptap/extension-paragraph": "2.0.0-beta.209",
-    "@tiptap/extension-placeholder": "2.0.0-beta.209",
-    "@tiptap/extension-strike": "2.0.0-beta.209",
-    "@tiptap/extension-underline": "2.0.0-beta.209",
-    "@tiptap/starter-kit": "2.0.0-beta.209",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
     "@types/uuid": "8.3.1",
@@ -62,8 +47,6 @@
     "@vueuse/math": "9.5.0",
     "codemirror": "6.0.1",
     "focus-trap": "7.2.0",
-    "marked": "4.2.12",
-    "prosemirror-markdown": "^1.10.1",
     "sortablejs": "1.14.0",
     "uuid": "8.3.2",
     "vue-demi": "0.13.11"
@@ -78,7 +61,6 @@
     "@storybook/testing-library": "^0.0.13",
     "@storybook/vue3": "6.5.15",
     "@types/faker": "5.5.9",
-    "@types/marked": "4.0.8",
     "@vue/composition-api": "1.7.0",
     "faker": "5.5.3",
     "sass": "1.32.8",