@onereach/ui-components 2.58.1 → 2.59.0

package/dist/v3/OrSkeletonText-3965ff71.js

@@ -0,0 +1,235 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import _ from 'lodash';
+import { p as pxToRem } from './px-to-rem-0b26b83e.js';
+import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+import { openBlock, createElementBlock, mergeProps, Fragment, renderList, normalizeClass, normalizeStyle } from 'vue';
+
+const SkeletonRoot = [
+// Position
+'relative',
+// Layout
+'overflow-hidden',
+// Box
+'p-0',
+// Borders
+'border-0',
+// Theme
+'bg-skeletons-gradient', 'dark:bg-skeletons-gradient-dark',
+// Background
+'bg-repeat'];
+const SkeletonTextContainerRoot = [
+// Layout
+'flex', 'flex-col',
+// Box
+'h-auto'];
+const SkeletonCircle = [
+// Box
+'rounded-full'];
+const SkeletonRect = [
+// Box
+'rounded-md'];
+const SkeletonText = [
+// Box
+'w-full', 'rounded-md'];
+const SkeletonAnimated = [
+// Background
+'bg-[length:200%]',
+// Animation
+'animate-skeleton-loader'];
+
+var script$2 = defineComponent({
+  name: 'OrSkeletonCircle',
+  inheritAttrs: false,
+  props: {
+    animated: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    size: {
+      type: [Number, String],
+      required: false,
+      default: 40
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-skeleton', 'or-skeleton-circle', ...SkeletonRoot, ...SkeletonCircle, ...(props.animated ? SkeletonAnimated : []), classAttribute.value]);
+    const rootStyle = computed(() => {
+      var _a;
+      const size = (_a = props.size) !== null && _a !== void 0 ? _a : 40; // 40px - medium OrAvatar
+      const sizeStyle = _.isNumber(size) ? pxToRem(size) : size;
+      return {
+        'width': sizeStyle,
+        'min-width': sizeStyle,
+        'height': sizeStyle,
+        'min-height': sizeStyle
+      };
+    });
+    return {
+      root,
+      rootStyles,
+      rootStyle
+    };
+  }
+});
+
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles,
+    style: _ctx.rootStyle
+  }), null, 16 /* FULL_PROPS */);
+}
+
+script$2.render = render$2;
+script$2.__file = "src/components/or-skeleton-v3/OrSkeletonCircle.vue";
+
+var script$1 = defineComponent({
+  name: 'OrSkeletonRect',
+  inheritAttrs: false,
+  props: {
+    animated: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    height: {
+      type: [Number, String],
+      required: false,
+      default: 36
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-skeleton', 'or-skeleton-rect', ...SkeletonRoot, ...SkeletonRect, ...(props.animated ? SkeletonAnimated : []), classAttribute.value]);
+    const rootStyle = computed(() => {
+      var _a, _b;
+      const width = (_a = props.width) !== null && _a !== void 0 ? _a : '100%';
+      const height = (_b = props.height) !== null && _b !== void 0 ? _b : 36; // 36px - default OrInput height
+      return {
+        'width': _.isNumber(width) ? pxToRem(width) : width,
+        'height': _.isNumber(height) ? pxToRem(height) : height
+      };
+    });
+    return {
+      root,
+      rootStyles,
+      rootStyle
+    };
+  }
+});
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles,
+    style: _ctx.rootStyle
+  }), null, 16 /* FULL_PROPS */);
+}
+
+script$1.render = render$1;
+script$1.__file = "src/components/or-skeleton-v3/OrSkeletonRect.vue";
+
+var script = defineComponent({
+  name: 'OrSkeletonText',
+  inheritAttrs: false,
+  props: {
+    animated: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    linesCount: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    fontSize: {
+      type: Number,
+      required: false,
+      default: 16
+    },
+    lineHeight: {
+      type: Number,
+      required: false,
+      default: 24
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const containerStyles = computed(() => ['or-skeleton-text-root', ...SkeletonTextContainerRoot, classAttribute.value]);
+    const containerStyle = computed(() => {
+      var _a;
+      const width = (_a = props.width) !== null && _a !== void 0 ? _a : '100%';
+      return {
+        'width': _.isNumber(width) ? pxToRem(width) : width
+      };
+    });
+    const rowStyles = computed(() => ['or-skeleton', 'or-skeleton-text', ...SkeletonRoot, ...SkeletonText, ...(props.animated ? SkeletonAnimated : []), classAttribute.value]);
+    const rowStyle = computed(() => {
+      var _a, _b;
+      const height = (_a = props.fontSize) !== null && _a !== void 0 ? _a : 16;
+      const margin = (((_b = props.lineHeight) !== null && _b !== void 0 ? _b : 24) - height) / 2;
+      return {
+        'height': _.isNumber(height) ? pxToRem(height) : height,
+        'margin': `${_.isNumber(margin) ? pxToRem(margin) : margin} 0`
+      };
+    });
+    // State
+    const lineKeys = computed(() => _.range(props.linesCount));
+    return {
+      root,
+      containerStyles,
+      containerStyle,
+      rowStyles,
+      rowStyle,
+      lineKeys
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.containerStyles,
+    style: _ctx.containerStyle
+  }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.lineKeys, key => {
+    return openBlock(), createElementBlock("div", {
+      key: key,
+      class: normalizeClass(_ctx.rowStyles),
+      style: normalizeStyle(_ctx.rowStyle)
+    }, null, 6 /* CLASS, STYLE */);
+  }), 128 /* KEYED_FRAGMENT */))], 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-skeleton-v3/OrSkeletonText.vue";
+
+export { script$1 as a, script as b, script$2 as s };

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

@@ -63,6 +63,7 @@ export * from './or-select-v3';
 export * from './or-sidebar';
 export * from './or-sidebar-v3';
 export * from './or-skeleton';
+export * from './or-skeleton-v3';
 export * from './or-slider';
 export * from './or-stepper';
 export * from './or-switch';

package/dist/v3/components/or-skeleton-v3/OrSkeleton.stories3.d.ts

@@ -0,0 +1,35 @@
+import { Story } from '@storybook/vue';
+declare const _default: {
+    title: string;
+    components: {
+        OrSkeletonCircle: 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>);
+        OrSkeletonRect: 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>);
+        OrSkeletonText: 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>);
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            page: string;
+        };
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Example1: Story<import("@storybook/vue").Args>;
+export declare const Example2: Story<import("@storybook/vue").Args>;
+export declare const Example3: Story<import("@storybook/vue").Args>;

package/dist/v3/components/or-skeleton-v3/OrSkeletonCircle.stories3.d.ts

@@ -0,0 +1,22 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+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 NotAnimated: 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 WithSize: 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/v3/components/or-skeleton-v3/OrSkeletonCircle.vue.d.ts

@@ -0,0 +1,51 @@
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+        'min-width': string;
+        height: string;
+        'min-height': string;
+    }>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    animated: boolean;
+    size: string | number;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+        'min-width': string;
+        height: string;
+        'min-height': string;
+    }>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    animated: boolean;
+    size: string | number;
+} & {}, {
+    animated: boolean;
+    size: string | number;
+}, true>);
+export default _default;

package/dist/v3/components/or-skeleton-v3/OrSkeletonRect.stories3.d.ts

@@ -0,0 +1,32 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+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 NotAnimated: 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 WithWidth: 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 WithHeight: 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 WithWidthAndHeight: 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/v3/components/or-skeleton-v3/OrSkeletonRect.vue.d.ts

@@ -0,0 +1,60 @@
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    animated: boolean;
+    width: string | number;
+    height: string | number;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    animated: boolean;
+    width: string | number;
+    height: string | number;
+} & {}, {
+    animated: boolean;
+    width: string | number;
+    height: string | number;
+}, true>);
+export default _default;

package/dist/v3/components/or-skeleton-v3/OrSkeletonText.stories3.d.ts

@@ -0,0 +1,32 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+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 NotAnimated: 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 WithWidth: 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 WithSize: 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 WithLinesCount: 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/v3/components/or-skeleton-v3/OrSkeletonText.vue.d.ts

@@ -0,0 +1,96 @@
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    containerStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    containerStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+    }>;
+    rowStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rowStyle: import("@vue/composition-api").ComputedRef<{
+        height: string;
+        margin: string;
+    }>;
+    lineKeys: import("@vue/composition-api").ComputedRef<number[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    lineHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    lineHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    animated: boolean;
+    linesCount: number;
+    width: string | number;
+    fontSize: number;
+    lineHeight: number;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    containerStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    containerStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+    }>;
+    rowStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rowStyle: import("@vue/composition-api").ComputedRef<{
+        height: string;
+        margin: string;
+    }>;
+    lineKeys: import("@vue/composition-api").ComputedRef<number[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    animated: boolean;
+    linesCount: number;
+    width: string | number;
+    fontSize: number;
+    lineHeight: number;
+} & {}, {
+    animated: boolean;
+    linesCount: number;
+    width: string | number;
+    fontSize: number;
+    lineHeight: number;
+}, true>);
+export default _default;

package/dist/v3/components/or-skeleton-v3/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OrSkeletonCircleV3 } from './OrSkeletonCircle.vue';
+export { default as OrSkeletonRectV3 } from './OrSkeletonRect.vue';
+export { default as OrSkeletonTextV3 } from './OrSkeletonText.vue';

package/dist/v3/components/or-skeleton-v3/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const SkeletonRoot: string[];
+export declare const SkeletonTextContainerRoot: string[];
+export declare const SkeletonCircle: string[];
+export declare const SkeletonRect: string[];
+export declare const SkeletonText: string[];
+export declare const SkeletonAnimated: string[];

package/dist/v3/index.js

@@ -63,6 +63,7 @@ export { s as OrSelectV3 } from './OrSelect-ce017f05.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-96f8b7c3.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
+export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-3965ff71.js';
 export { s as OrSlider } from './OrSlider-af80bac9.js';
 export { s as OrStepper } from './OrStepper-f355b7b7.js';
 export { s as OrSwitch } from './OrSwitch-c333ee32.js';

package/dist/v3/index2.js

@@ -63,6 +63,7 @@ export { s as OrSelectV3 } from './OrSelect-ce017f05.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-96f8b7c3.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
+export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-3965ff71.js';
 export { s as OrSlider } from './OrSlider-af80bac9.js';
 export { s as OrStepper } from './OrStepper-f355b7b7.js';
 export { s as OrSwitch } from './OrSwitch-c333ee32.js';

package/dist/v3/index68.js

@@ -1,13 +1,7 @@
-export { s as OrSlider } from './OrSlider-af80bac9.js';
-import './OrIcon-e23028f8.js';
+export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-3965ff71.js';
 import 'vue-demi';
 import 'lodash';
-import './OrTooltip-121eae2b.js';
-import 'vue';
-import './style-inject.es-4c6f2515.js';
-import './OrFloating-3da814a2.js';
-import '@floating-ui/dom';
-import './OrTeleportVue3-ad639f12.js';
-import './dom-7a41831b.js';
 import './px-to-rem-0b26b83e.js';
+import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
+import 'vue';