@onereach/ui-components 8.5.0 → 8.5.1-beta.3662.0

package/dist/bundled/v3/components/OrSkeleton-ae1ee1d4.js

@@ -0,0 +1,311 @@
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
+import { s as styleInject } from './OrAvatar-bfa6fd65.js';
+import { p as pxToRem, H as eq_1, x as isObject_1 } from './OrBottomSheetV3-199292db.js';
+import { defineComponent } from 'vue-demi';
+import { a as isArrayLike_1, d as _isIndex } from './OrList-896979b0.js';
+import { b as toFinite_1 } from './OrDateTimePicker-cb5baefc.js';
+
+var script$2 = defineComponent({
+  name: 'OrSkeletonCircle',
+  props: {
+    isAnimated: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    radius: {
+      type: [Number, String],
+      required: false,
+      default: 40
+    }
+  },
+  computed: {
+    rootClasses() {
+      return {
+        'is-animated': this.isAnimated
+      };
+    },
+    rootStyle() {
+      var _a;
+      const size = (_a = this.radius) !== null && _a !== void 0 ? _a : 40; // 40px - medium OrAvatar
+      const sizeStyle = typeof size === 'number' ? pxToRem(size) : size;
+      return {
+        'width': sizeStyle,
+        'min-width': sizeStyle,
+        'height': sizeStyle,
+        'min-height': sizeStyle
+      };
+    }
+  }
+});
+
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["or-skeleton or-skeleton-circle", _ctx.rootClasses]),
+    style: normalizeStyle(_ctx.rootStyle)
+  }, null, 6 /* CLASS, STYLE */);
+}
+
+var css_248z$2 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-48f8e571 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-48f8e571 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-48f8e571 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-48f8e571 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-48f8e571 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-48f8e571] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-48f8e571]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-48f8e571 1.5s linear 0.5s infinite;\n}\n[data-theme=dark] .or-skeleton[data-v-48f8e571] {\n  background: var(--c-neutral-3);\n}\n[data-theme=dark] .or-skeleton.is-animated[data-v-48f8e571]::before {\n  background: linear-gradient(90.14deg, var(--c-neutral-3) 0.1%, var(--c-neutral-2) 49.98%, var(--c-neutral-3) 99.06%);\n}\n.or-skeleton-circle[data-v-48f8e571] {\n  border-radius: 9999px !important;\n}";
+styleInject(css_248z$2);
+
+script$2.render = render$2;
+script$2.__scopeId = "data-v-48f8e571";
+script$2.__file = "src/components/or-skeleton/or-skeleton-circle/OrSkeletonCircle.vue";
+
+var script$1 = defineComponent({
+  name: 'OrSkeletonRect',
+  props: {
+    isAnimated: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    height: {
+      type: [Number, String],
+      required: false,
+      default: 36
+    }
+  },
+  computed: {
+    rootClasses() {
+      return {
+        'is-animated': this.isAnimated
+      };
+    },
+    rootStyle() {
+      var _a, _b;
+      const width = (_a = this.width) !== null && _a !== void 0 ? _a : '100%';
+      const height = (_b = this.height) !== null && _b !== void 0 ? _b : 36; // 36px - default OrInput height
+      return {
+        'width': typeof width === 'number' ? pxToRem(width) : width,
+        'height': typeof height === 'number' ? pxToRem(height) : height
+      };
+    }
+  }
+});
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["or-skeleton or-skeleton-rect", _ctx.rootClasses]),
+    style: normalizeStyle(_ctx.rootStyle)
+  }, null, 6 /* CLASS, STYLE */);
+}
+
+var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-f965709e {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-f965709e {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-f965709e {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-f965709e {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-f965709e {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-f965709e] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-f965709e]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-f965709e 1.5s linear 0.5s infinite;\n}\n[data-theme=dark] .or-skeleton[data-v-f965709e] {\n  background: var(--c-neutral-3);\n}\n[data-theme=dark] .or-skeleton.is-animated[data-v-f965709e]::before {\n  background: linear-gradient(90.14deg, var(--c-neutral-3) 0.1%, var(--c-neutral-2) 49.98%, var(--c-neutral-3) 99.06%);\n}\n.or-skeleton-rect[data-v-f965709e] {\n  border-radius: var(--s-2);\n}";
+styleInject(css_248z$1);
+
+script$1.render = render$1;
+script$1.__scopeId = "data-v-f965709e";
+script$1.__file = "src/components/or-skeleton/or-skeleton-rect/OrSkeletonRect.vue";
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeCeil = Math.ceil,
+  nativeMax = Math.max;
+
+/**
+ * The base implementation of `_.range` and `_.rangeRight` which doesn't
+ * coerce arguments.
+ *
+ * @private
+ * @param {number} start The start of the range.
+ * @param {number} end The end of the range.
+ * @param {number} step The value to increment or decrement by.
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {Array} Returns the range of numbers.
+ */
+function baseRange$1(start, end, step, fromRight) {
+  var index = -1,
+    length = nativeMax(nativeCeil((end - start) / (step || 1)), 0),
+    result = Array(length);
+  while (length--) {
+    result[fromRight ? length : ++index] = start;
+    start += step;
+  }
+  return result;
+}
+var _baseRange = baseRange$1;
+
+var eq = eq_1,
+  isArrayLike = isArrayLike_1,
+  isIndex = _isIndex,
+  isObject = isObject_1;
+
+/**
+ * Checks if the given arguments are from an iteratee call.
+ *
+ * @private
+ * @param {*} value The potential iteratee value argument.
+ * @param {*} index The potential iteratee index or key argument.
+ * @param {*} object The potential iteratee object argument.
+ * @returns {boolean} Returns `true` if the arguments are from an iteratee call,
+ *  else `false`.
+ */
+function isIterateeCall$1(value, index, object) {
+  if (!isObject(object)) {
+    return false;
+  }
+  var type = typeof index;
+  if (type == 'number' ? isArrayLike(object) && isIndex(index, object.length) : type == 'string' && index in object) {
+    return eq(object[index], value);
+  }
+  return false;
+}
+var _isIterateeCall = isIterateeCall$1;
+
+var baseRange = _baseRange,
+  isIterateeCall = _isIterateeCall,
+  toFinite = toFinite_1;
+
+/**
+ * Creates a `_.range` or `_.rangeRight` function.
+ *
+ * @private
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {Function} Returns the new range function.
+ */
+function createRange$1(fromRight) {
+  return function (start, end, step) {
+    if (step && typeof step != 'number' && isIterateeCall(start, end, step)) {
+      end = step = undefined;
+    }
+    // Ensure the sign of `-0` is preserved.
+    start = toFinite(start);
+    if (end === undefined) {
+      end = start;
+      start = 0;
+    } else {
+      end = toFinite(end);
+    }
+    step = step === undefined ? start < end ? 1 : -1 : toFinite(step);
+    return baseRange(start, end, step, fromRight);
+  };
+}
+var _createRange = createRange$1;
+
+var createRange = _createRange;
+
+/**
+ * Creates an array of numbers (positive and/or negative) progressing from
+ * `start` up to, but not including, `end`. A step of `-1` is used if a negative
+ * `start` is specified without an `end` or `step`. If `end` is not specified,
+ * it's set to `start` with `start` then set to `0`.
+ *
+ * **Note:** JavaScript follows the IEEE-754 standard for resolving
+ * floating-point values which can produce unexpected results.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {number} [start=0] The start of the range.
+ * @param {number} end The end of the range.
+ * @param {number} [step=1] The value to increment or decrement by.
+ * @returns {Array} Returns the range of numbers.
+ * @see _.inRange, _.rangeRight
+ * @example
+ *
+ * _.range(4);
+ * // => [0, 1, 2, 3]
+ *
+ * _.range(-4);
+ * // => [0, -1, -2, -3]
+ *
+ * _.range(1, 5);
+ * // => [1, 2, 3, 4]
+ *
+ * _.range(0, 20, 5);
+ * // => [0, 5, 10, 15]
+ *
+ * _.range(0, -4, -1);
+ * // => [0, -1, -2, -3]
+ *
+ * _.range(1, 4, 0);
+ * // => [1, 1, 1]
+ *
+ * _.range(0);
+ * // => []
+ */
+var range = createRange();
+var range_1 = range;
+
+var OrSkeletonTextSizes;
+(function (OrSkeletonTextSizes) {
+  OrSkeletonTextSizes["headline1"] = "headline-1";
+  OrSkeletonTextSizes["headline2"] = "headline-2";
+  OrSkeletonTextSizes["headline3"] = "headline-3";
+  OrSkeletonTextSizes["body1"] = "body-1";
+  OrSkeletonTextSizes["body2"] = "body-2";
+  OrSkeletonTextSizes["button"] = "button";
+  OrSkeletonTextSizes["caption"] = "caption";
+})(OrSkeletonTextSizes || (OrSkeletonTextSizes = {}));
+
+var script = defineComponent({
+  name: 'OrSkeletonText',
+  props: {
+    isAnimated: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    linesCount: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    size: {
+      type: String,
+      required: false,
+      default: OrSkeletonTextSizes.body1
+    }
+  },
+  computed: {
+    skeletonClasses() {
+      var _a;
+      return [`or-skeleton-text-${(_a = this.size) !== null && _a !== void 0 ? _a : OrSkeletonTextSizes.body1}`, {
+        'is-animated': this.isAnimated
+      }];
+    },
+    rootStyle() {
+      var _a;
+      const width = (_a = this.width) !== null && _a !== void 0 ? _a : '100%';
+      return {
+        'width': typeof width === 'number' ? pxToRem(width) : width
+      };
+    },
+    lineKeys() {
+      return range_1(this.linesCount);
+    }
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: "or-skeleton-text-root",
+    style: normalizeStyle(_ctx.rootStyle)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.lineKeys, key => {
+    return openBlock(), createElementBlock("div", {
+      key: key,
+      class: normalizeClass(["or-skeleton or-skeleton-text", _ctx.skeletonClasses])
+    }, null, 2 /* CLASS */);
+  }), 128 /* KEYED_FRAGMENT */))], 4 /* STYLE */);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-13d4bc91 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-13d4bc91 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-13d4bc91 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-13d4bc91 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-13d4bc91 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-13d4bc91] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-13d4bc91]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-13d4bc91 1.5s linear 0.5s infinite;\n}\n[data-theme=dark] .or-skeleton[data-v-13d4bc91] {\n  background: var(--c-neutral-3);\n}\n[data-theme=dark] .or-skeleton.is-animated[data-v-13d4bc91]::before {\n  background: linear-gradient(90.14deg, var(--c-neutral-3) 0.1%, var(--c-neutral-2) 49.98%, var(--c-neutral-3) 99.06%);\n}\n.or-skeleton-text-root[data-v-13d4bc91] {\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}\n.or-skeleton-text-root .or-skeleton-text[data-v-13d4bc91] {\n  width: 100%;\n  border-radius: var(--s-2);\n}\n.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-13d4bc91] {\n  height: 1.5rem;\n  margin: 0.145rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-13d4bc91] {\n  height: 1.25rem;\n  margin: 0.03125rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-13d4bc91] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-1[data-v-13d4bc91] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-2[data-v-13d4bc91] {\n  height: 0.875rem;\n  margin: 0.21875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-button[data-v-13d4bc91] {\n  height: 0.875rem;\n  margin: 0.1875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-caption[data-v-13d4bc91] {\n  height: 0.75rem;\n  margin: 0.1875rem 0;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-13d4bc91";
+script.__file = "src/components/or-skeleton/or-skeleton-text/OrSkeletonText.vue";
+
+export { OrSkeletonTextSizes as O, script$1 as a, script as b, range_1 as r, script$2 as s };

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

@@ -0,0 +1 @@
+export { s as default } from '../OrSkeleton-ae1ee1d4.js';

package/dist/bundled/v3/components/OrSkeletonCircle/OrSkeletonCircle.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    isAnimated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    radius: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}, unknown, unknown, {
+    rootClasses(): {
+        'is-animated': boolean;
+    };
+    rootStyle(): Record<string, string | number>;
+}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    isAnimated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    radius: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}>>, {
+    isAnimated: boolean;
+    radius: string | number;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as OrSkeletonCircle } from './OrSkeletonCircle.vue';
+export * from '../constants';

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

@@ -0,0 +1 @@
+export { s as OrSkeletonCircle, O as OrSkeletonTextSizes } from '../OrSkeleton-ae1ee1d4.js';

package/dist/bundled/v3/components/OrSkeletonCircleV3/OrSkeletonCircle.js

@@ -0,0 +1 @@
+export { s as default } from '../OrSkeletonV3-3b06eb3c.js';

package/dist/bundled/v3/components/OrSkeletonCircleV3/OrSkeletonCircle.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    rootStyle: import("vue-demi").ComputedRef<{
+        width: string;
+        'min-width': string;
+        height: string;
+        'min-height': string;
+    }>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}>>, {
+    animated: boolean;
+    size: string | number;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as OrSkeletonCircleV3 } from './OrSkeletonCircle.vue';

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

@@ -0,0 +1 @@
+export { s as OrSkeletonCircleV3 } from '../OrSkeletonV3-3b06eb3c.js';

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

@@ -0,0 +1 @@
+export { a as default } from '../OrSkeleton-ae1ee1d4.js';

package/dist/bundled/v3/components/OrSkeletonRect/OrSkeletonRect.vue.d.ts

@@ -0,0 +1,43 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    isAnimated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}, unknown, unknown, {
+    rootClasses(): {
+        'is-animated': boolean;
+    };
+    rootStyle(): Record<string, string | number>;
+}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    isAnimated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}>>, {
+    isAnimated: boolean;
+    width: string | number;
+    height: string | number;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as OrSkeletonRect } from './OrSkeletonRect.vue';
+export * from '../constants';

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

@@ -0,0 +1 @@
+export { a as OrSkeletonRect, O as OrSkeletonTextSizes } from '../OrSkeleton-ae1ee1d4.js';

package/dist/bundled/v3/components/OrSkeletonRectV3/OrSkeletonRect.js

@@ -0,0 +1 @@
+export { a as default } from '../OrSkeletonV3-3b06eb3c.js';

package/dist/bundled/v3/components/OrSkeletonRectV3/OrSkeletonRect.vue.d.ts

@@ -0,0 +1,45 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    rootStyle: import("vue-demi").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}>>, {
+    animated: boolean;
+    width: string | number;
+    height: string | number;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as OrSkeletonRectV3 } from './OrSkeletonRect.vue';

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

@@ -0,0 +1 @@
+export { a as OrSkeletonRectV3 } from '../OrSkeletonV3-3b06eb3c.js';

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

@@ -0,0 +1 @@
+export { b as default } from '../OrSkeleton-ae1ee1d4.js';

package/dist/bundled/v3/components/OrSkeletonText/OrSkeletonText.vue.d.ts

@@ -0,0 +1,57 @@
+import { PropType } from 'vue-demi';
+import { OrSkeletonTextSizes } from '../constants';
+declare const _default: import("vue-demi").DefineComponent<{
+    isAnimated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    size: {
+        type: PropType<OrSkeletonTextSizes>;
+        required: false;
+        default: OrSkeletonTextSizes;
+    };
+}, unknown, unknown, {
+    skeletonClasses(): [string, {
+        'is-animated': boolean;
+    }];
+    rootStyle(): Record<string, string | number>;
+    lineKeys(): number[];
+}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    isAnimated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    size: {
+        type: PropType<OrSkeletonTextSizes>;
+        required: false;
+        default: OrSkeletonTextSizes;
+    };
+}>>, {
+    isAnimated: boolean;
+    linesCount: number;
+    width: string | number;
+    size: OrSkeletonTextSizes;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as OrSkeletonText } from './OrSkeletonText.vue';
+export * from '../constants';

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

@@ -0,0 +1 @@
+export { b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-ae1ee1d4.js';

package/dist/bundled/v3/components/OrSkeletonTextV3/OrSkeletonText.js

@@ -0,0 +1 @@
+export { b as default } from '../OrSkeletonV3-3b06eb3c.js';

package/dist/bundled/v3/components/OrSkeletonTextV3/OrSkeletonText.vue.d.ts

@@ -0,0 +1,72 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    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;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    containerStyles: import("vue-demi").ComputedRef<string[]>;
+    containerStyle: import("vue-demi").ComputedRef<{
+        width: string;
+    }>;
+    rowStyles: import("vue-demi").ComputedRef<string[]>;
+    rowStyle: import("vue-demi").ComputedRef<{
+        height: string;
+        margin: string;
+    }>;
+    lineKeys: import("vue-demi").ComputedRef<number[]>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").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;
+    };
+}>>, {
+    animated: boolean;
+    linesCount: number;
+    width: string | number;
+    fontSize: number;
+    lineHeight: number;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as OrSkeletonTextV3 } from './OrSkeletonText.vue';

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

@@ -0,0 +1 @@
+export { b as OrSkeletonTextV3 } from '../OrSkeletonV3-3b06eb3c.js';

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

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