@onereach/ui-components 8.4.0-beta.3653.0 → 8.4.0

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

@@ -0,0 +1,91 @@
+import { s as script } from '../../OrListOfInputs.vue_vue_type_script_lang-34a006d0.js';
+export { s as default } from '../../OrListOfInputs.vue_vue_type_script_lang-34a006d0.js';
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, mergeProps, createSlots, normalizeStyle } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_icon = resolveComponent("or-icon");
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  const _component_or_input = resolveComponent("or-input");
+  const _component_or_list = resolveComponent("or-list");
+  return openBlock(), createBlock(_component_or_list, {
+    "model-value": _ctx.listOfInputs,
+    label: _ctx.label,
+    "can-delete": false,
+    "can-drag": _ctx.canDrag,
+    "item-props": _ctx.inputProps,
+    "is-disabled": _ctx.isDisabled,
+    "button-label": _ctx.buttonLabel,
+    handle: ".drag-handle",
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.$emit('update:modelValue', $event)),
+    onItemBeforeAdd: _cache[1] || (_cache[1] = $event => _ctx.$emit('item-before-add', $event)),
+    onItemAdded: _cache[2] || (_cache[2] = $event => _ctx.$emit('item-added', $event)),
+    onItemBeforeDelete: _cache[3] || (_cache[3] = $event => _ctx.$emit('item-before-delete', $event)),
+    onItemDeleted: _cache[4] || (_cache[4] = $event => _ctx.$emit('item-deleted', $event))
+  }, {
+    header: withCtx(_ref => {
+      let {
+        deleteItem,
+        addItem
+      } = _ref;
+      return [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
+        deleteItem: deleteItem,
+        addItem: addItem
+      })))];
+    }),
+    default: withCtx(_ref2 => {
+      let {
+        props,
+        index,
+        deleteItem
+      } = _ref2;
+      return [createVNode(_component_or_input, mergeProps({
+        modelValue: props.value,
+        "onUpdate:modelValue": $event => props.value = $event
+      }, props), createSlots({
+        _: 2 /* DYNAMIC */
+      }, [_ctx.canDrag && _ctx.listOfInputs.length > 1 ? {
+        name: "prepend",
+        fn: withCtx(() => [createVNode(_component_or_icon, {
+          style: normalizeStyle(_ctx.isDisabled ? {
+            cursor: 'disabled'
+          } : {
+            cursor: 'move'
+          }),
+          color: "neutral-3",
+          class: "drag-handle",
+          icon: "drag_handle"
+        }, null, 8 /* PROPS */, ["style"])]),
+        key: "0"
+      } : undefined, _ctx.canDelete ? {
+        name: "append",
+        fn: withCtx(() => [createVNode(_component_or_icon_button, {
+          class: "or-list-of-inputs--delete-button",
+          "is-disabled": _ctx.isDisabled,
+          icon: "delete",
+          "icon-color": "neutral-3",
+          onClick: $event => deleteItem(index)
+        }, null, 8 /* PROPS */, ["is-disabled", "onClick"])]),
+        key: "1"
+      } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"])];
+    }),
+    footer: withCtx(_ref3 => {
+      let {
+        deleteItem,
+        addItem
+      } = _ref3;
+      return [renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps({
+        deleteItem: deleteItem,
+        addItem: addItem
+      })))];
+    }),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["model-value", "label", "can-drag", "item-props", "is-disabled", "button-label"]);
+}
+
+var css_248z = ".or-list-of-inputs--delete-button[data-v-3e802166] .or-icon {\n  font-size: 0.875rem !important;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-3e802166";
+script.__file = "src/components/or-list-of-inputs/OrListOfInputs.vue";

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

@@ -0,0 +1,95 @@
+import { PropType } from 'vue-demi';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: PropType<Record<string, any>[]>;
+        default: () => never[];
+        required: true;
+    };
+    buttonLabel: {
+        type: PropType<string>;
+        default: string;
+        required: false;
+    };
+    label: {
+        type: PropType<string>;
+        default: string;
+        required: false;
+    };
+    inputProps: {
+        type: PropType<Record<string, any>>;
+        default: () => {
+            value: string;
+        };
+        required: false;
+    };
+    canDrag: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    canDelete: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+}, unknown, {
+    listOfInputs: Record<string, any>[];
+}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "item-before-add" | "item-added" | "item-before-delete" | "item-deleted")[], "update:modelValue" | "item-before-add" | "item-added" | "item-before-delete" | "item-deleted", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<Record<string, any>[]>;
+        default: () => never[];
+        required: true;
+    };
+    buttonLabel: {
+        type: PropType<string>;
+        default: string;
+        required: false;
+    };
+    label: {
+        type: PropType<string>;
+        default: string;
+        required: false;
+    };
+    inputProps: {
+        type: PropType<Record<string, any>>;
+        default: () => {
+            value: string;
+        };
+        required: false;
+    };
+    canDrag: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    canDelete: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onItem-before-add"?: ((...args: any[]) => any) | undefined;
+    "onItem-added"?: ((...args: any[]) => any) | undefined;
+    "onItem-before-delete"?: ((...args: any[]) => any) | undefined;
+    "onItem-deleted"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: Record<string, any>[];
+    buttonLabel: string;
+    label: string;
+    inputProps: Record<string, any>;
+    canDrag: boolean;
+    canDelete: boolean;
+    isDisabled: boolean;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+export { s as OrListOfInputs } from '../../OrListOfInputs.vue_vue_type_script_lang-34a006d0.js';

package/dist/bundled/v3/components/OrListV3/OrList.js

@@ -0,0 +1,63 @@
+import { s as script } from '../../OrList.vue_vue_type_script_lang-e1c786c5.js';
+export { s as default } from '../../OrList.vue_vue_type_script_lang-e1c786c5.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode } from 'vue';
+
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrListItem = resolveComponent("OrListItem");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
+    addItem: _ctx.addItem,
+    deleteItem: _ctx.deleteItem
+  })), () => [createVNode(_component_OrLabel, {
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "label-addon")]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"])]), createElementVNode("div", {
+    ref: "content",
+    class: normalizeClass(_ctx.contentStyles)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.proxyModelValue, (item, index) => {
+    return openBlock(), createBlock(_component_OrListItem, {
+      key: item.key || _ctx.uuid(),
+      selected: _ctx.selection.includes(item),
+      disabled: _ctx.disabled,
+      draggable: _ctx.canReorder
+    }, {
+      default: withCtx(() => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+        item,
+        index,
+        items: _ctx.proxyModelValue,
+        addItem: _ctx.addItem,
+        deleteItem: _ctx.deleteItem
+      })), () => [createTextVNode(toDisplayString(item), 1 /* TEXT */)])]), _ctx.canDelete ? (openBlock(), createBlock(_component_OrIconButton, {
+        key: 0,
+        icon: 'delete',
+        disabled: _ctx.disabled,
+        onClick: $event => _ctx.deleteItem(index)
+      }, null, 8 /* PROPS */, ["disabled", "onClick"])) : createCommentVNode("v-if", true)]),
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled", "draggable"]);
+  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps({
+    addItem: _ctx.addItem,
+    deleteItem: _ctx.deleteItem
+  })), () => [_ctx.canAdd ? (openBlock(), createBlock(_component_OrIconButton, {
+    key: 0,
+    icon: 'add',
+    disabled: _ctx.disabled,
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.addItem())
+  }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)])], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-list-v3/OrList.vue";

package/dist/bundled/v3/components/OrListV3/OrList.vue.d.ts

@@ -0,0 +1,96 @@
+import { PropType } from 'vue-demi';
+import { ListItem } from './types';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: PropType<ListItem[]>;
+        default: () => never[];
+    };
+    selection: {
+        type: PropType<ListItem[]>;
+        default: () => never[];
+    };
+    itemFactory: {
+        type: PropType<() => ListItem>;
+        default: () => {};
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canAdd: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canReorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    content: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    contentStyles: import("vue-demi").ComputedRef<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<ListItem[]>;
+    addItem: () => void;
+    deleteItem: (index: number) => void;
+    uuid: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "before:add" | "before:delete" | "before:reorder" | "add" | "delete" | "reorder")[], "update:modelValue" | "before:add" | "before:delete" | "before:reorder" | "add" | "delete" | "reorder", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<ListItem[]>;
+        default: () => never[];
+    };
+    selection: {
+        type: PropType<ListItem[]>;
+        default: () => never[];
+    };
+    itemFactory: {
+        type: PropType<() => ListItem>;
+        default: () => {};
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canAdd: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canReorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onBefore:add"?: ((...args: any[]) => any) | undefined;
+    "onBefore:delete"?: ((...args: any[]) => any) | undefined;
+    "onBefore:reorder"?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
+    onReorder?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: ListItem[];
+    selection: ListItem[];
+    itemFactory: () => ListItem;
+    label: string;
+    disabled: boolean;
+    canAdd: boolean;
+    canDelete: boolean;
+    canReorder: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,3 @@
+export { default as OrListV3 } from './OrList.vue';
+export * from './partials';
+export * from './types';

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

@@ -0,0 +1 @@
+export { a as OrListItem, s as OrListV3 } from '../../OrList.vue_vue_type_script_lang-e1c786c5.js';

package/dist/bundled/v3/components/OrListV3/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const List: string[];
+export declare const ListContent: string[];

package/dist/bundled/v3/components/OrListV3/styles.js

@@ -0,0 +1,8 @@
+const List = [
+// Layout
+'layout-column',
+// Spacing
+'gap-md'];
+const ListContent = [];
+
+export { List, ListContent };

package/dist/bundled/v3/components/OrListV3/types.d.ts

@@ -0,0 +1,4 @@
+export type ListItem = {
+    key?: string;
+    [property: string]: unknown;
+};

package/dist/bundled/v3/components/OrListV3/types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,43 @@
+import { s as script } from '../../OrLoader.vue_vue_type_script_lang-a1fed697.js';
+export { s as default } from '../../OrLoader.vue_vue_type_script_lang-a1fed697.js';
+import { openBlock, createElementBlock, normalizeClass, createTextVNode, toDisplayString, Fragment, renderList, createElementVNode, createCommentVNode, pushScopeId, popScopeId } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+
+const _withScopeId = n => (pushScopeId("data-v-77c2a898"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
+  key: 0
+};
+const _hoisted_2 = ["textContent"];
+const _hoisted_3 = {
+  key: 1,
+  class: "or-loader--linear"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "or-loader--linear-title"
+};
+const _hoisted_5 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("span", {
+  class: "or-loader--linear-loader"
+}, [/*#__PURE__*/createElementVNode("span")], -1 /* HOISTED */));
+const _hoisted_6 = {
+  key: 1,
+  class: "or-loader--linear-desc"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", {
+    class: normalizeClass(_ctx.rootClasses)
+  }, [_ctx.isTextType ? (openBlock(), createElementBlock("span", _hoisted_1, [createTextVNode(toDisplayString(_ctx.textTypeLabel || 'Loading') + " ", 1 /* TEXT */), (openBlock(), createElementBlock(Fragment, null, renderList(3, i => {
+    return createElementVNode("span", {
+      key: i,
+      class: "or-loader--dot",
+      textContent: toDisplayString('.')
+    }, null, 8 /* PROPS */, _hoisted_2);
+  }), 64 /* STABLE_FRAGMENT */))])) : createCommentVNode("v-if", true), _ctx.isLinearType ? (openBlock(), createElementBlock("span", _hoisted_3, [!_ctx.isEmptyLinearTitle ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.linearTitle), 1 /* TEXT */)) : createCommentVNode("v-if", true), _hoisted_5, !_ctx.isEmptyLinearDescription ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(_ctx.linearDescription), 1 /* TEXT */)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+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-77c2a898 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-77c2a898 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes loaderLinear-77c2a898 {\n0% {\n    transform: translate(-100%, 0);\n}\n100% {\n    transform: translate(100%, 0);\n}\n}\n.or-loader[data-v-77c2a898] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.or-loader.is-default[data-v-77c2a898]::after {\n  border-bottom: 2px solid transparent !important;\n}\n.or-loader.is-default[data-v-77c2a898]::after {\n  width: 1.5rem;\n  height: 1.5rem;\n  color: var(--c-primary);\n  content: \"\";\n  border-color: inherit;\n  border-top: 2px solid currentColor;\n  border-right: 2px solid currentColor;\n  border-left: 2px solid currentColor;\n  border-radius: 50%;\n  animation: spinAround-77c2a898 0.7s linear infinite;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color;\n}\n.or-loader.is-text[data-v-77c2a898] {\n  color: currentColor;\n}\n.or-loader.is-text > span[data-v-77c2a898] {\n  display: inline-flex;\n}\n.or-loader.is-text .or-loader--dot[data-v-77c2a898]:nth-child(0) {\n  animation: fade-77c2a898 1s var(--t-func) 0s infinite;\n}\n.or-loader.is-text .or-loader--dot[data-v-77c2a898]:nth-child(1) {\n  animation: fade-77c2a898 1s var(--t-func) 0.2s infinite;\n}\n.or-loader.is-text .or-loader--dot[data-v-77c2a898]:nth-child(2) {\n  animation: fade-77c2a898 1s var(--t-func) 0.4s infinite;\n}\n.or-loader.is-text .or-loader--dot[data-v-77c2a898]:nth-child(3) {\n  animation: fade-77c2a898 1s var(--t-func) 0.6s infinite;\n}\n.or-loader.is-linear[data-v-77c2a898] {\n  width: 100%;\n}\n.or-loader.is-linear .or-loader--linear[data-v-77c2a898] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n}\n.or-loader.is-linear .or-loader--linear-title[data-v-77c2a898] {\n  margin-bottom: var(--s-4);\n  font-size: var(--fs-2);\n  font-weight: bold;\n  color: var(--c-neutral-6);\n  letter-spacing: -0.45px;\n}\n.or-loader.is-linear .or-loader--linear-loader[data-v-77c2a898] {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 0.25rem;\n  overflow: hidden;\n  background-color: var(--c-neutral-2);\n  border-radius: 0.125rem;\n}\n.or-loader.is-linear .or-loader--linear-loader > span[data-v-77c2a898] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  animation: loaderLinear-77c2a898 1.2s var(--t-func) infinite;\n}\n.or-loader.is-linear .or-loader--linear-loader > span[data-v-77c2a898]::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  max-width: 7rem;\n  height: 100%;\n  content: \"\";\n  background-color: var(--c-primary);\n  border-radius: 0.125rem;\n}\n.or-loader.is-linear .or-loader--linear-desc[data-v-77c2a898] {\n  margin-top: var(--s-4);\n  color: var(--c-neutral-5);\n  text-align: center;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-77c2a898";
+script.__file = "src/components/or-loader/OrLoader.vue";

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

@@ -0,0 +1,57 @@
+import { PropType } from 'vue-demi';
+import { LoaderViews } from './constants';
+declare const _default: import("vue-demi").DefineComponent<{
+    type: {
+        type: PropType<LoaderViews>;
+        default: LoaderViews;
+        required: false;
+    };
+    textTypeLabel: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    linearTitle: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    linearDescription: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+}, unknown, unknown, {
+    rootClasses(): string[];
+    isTextType(): boolean;
+    isLinearType(): boolean;
+    isEmptyLinearDescription(): boolean;
+    isEmptyLinearTitle(): boolean;
+}, {}, 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<{
+    type: {
+        type: PropType<LoaderViews>;
+        default: LoaderViews;
+        required: false;
+    };
+    textTypeLabel: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    linearTitle: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    linearDescription: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+}>>, {
+    type: LoaderViews;
+    textTypeLabel: string;
+    linearTitle: string;
+    linearDescription: string;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrLoader/constants.d.ts

@@ -0,0 +1,6 @@
+declare enum LoaderViews {
+    default = "default",
+    text = "text",
+    linear = "linear"
+}
+export { LoaderViews };

package/dist/bundled/v3/components/OrLoader/constants.js

@@ -0,0 +1,8 @@
+var LoaderViews;
+(function (LoaderViews) {
+  LoaderViews["default"] = "default";
+  LoaderViews["text"] = "text";
+  LoaderViews["linear"] = "linear";
+})(LoaderViews || (LoaderViews = {}));
+
+export { LoaderViews };

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

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

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

@@ -0,0 +1,2 @@
+export { LoaderViews } from './constants.js';
+export { s as OrLoader } from '../../OrLoader.vue_vue_type_script_lang-a1fed697.js';

package/dist/bundled/v3/components/OrLoader/types.d.ts

@@ -0,0 +1,3 @@
+import { LoaderViews } from './constants';
+type LoaderViewTypes = keyof typeof LoaderViews;
+export { LoaderViewTypes };

package/dist/bundled/v3/components/OrLoader/types.js

@@ -0,0 +1 @@
+

package/dist/bundled/v3/components/OrLoaderV3/OrLoader.js

@@ -0,0 +1,65 @@
+import { s as script } from '../../OrLoader.vue_vue_type_script_lang-52edc8f8.js';
+export { s as default } from '../../OrLoader.vue_vue_type_script_lang-52edc8f8.js';
+import { openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle } from 'vue';
+
+const _hoisted_1 = ["width", "height"];
+const _hoisted_2 = {
+  fill: "none",
+  "stroke-width": "2",
+  "stroke-linecap": "round"
+};
+const _hoisted_3 = ["stroke"];
+const _hoisted_4 = {
+  key: 1,
+  width: "100%",
+  height: "4"
+};
+const _hoisted_5 = {
+  fill: "none",
+  "stroke-width": "4",
+  "stroke-linecap": "round"
+};
+const _hoisted_6 = ["x2"];
+const _hoisted_7 = ["x2", "stroke"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.title ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(_ctx.titleStyles)
+  }, toDisplayString(_ctx.title), 3 /* TEXT, CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.containerStyles),
+    style: normalizeStyle(_ctx.wrapperStyle)
+  }, [_ctx.variant === 'circular' ? (openBlock(), createElementBlock("svg", {
+    key: 0,
+    viewBox: "0 0 16 16",
+    width: _ctx.computedSize,
+    height: _ctx.computedSize
+  }, [createElementVNode("g", _hoisted_2, [createElementVNode("circle", {
+    class: normalizeClass(['animate-circular-loader', 'origin-center']),
+    cx: "50%",
+    cy: "50%",
+    r: "7",
+    stroke: _ctx.color === 'inherit' ? 'currentColor' : 'inherit'
+  }, null, 8 /* PROPS */, _hoisted_3)])], 8 /* PROPS */, _hoisted_1)) : createCommentVNode("v-if", true), _ctx.variant === 'linear' ? (openBlock(), createElementBlock("svg", _hoisted_4, [createElementVNode("g", _hoisted_5, [createElementVNode("line", {
+    class: normalizeClass(['stroke-surface-variant', 'dark:stroke-surface-variant-dark']),
+    x1: "2",
+    y1: "50%",
+    x2: _ctx.strokeWidth,
+    y2: "50%"
+  }, null, 8 /* PROPS */, _hoisted_6), createElementVNode("line", {
+    class: normalizeClass(['animate-linear-loader', 'origin-center']),
+    x1: "2",
+    y1: "50%",
+    x2: _ctx.strokeWidth,
+    y2: "50%",
+    stroke: _ctx.color === 'inherit' ? 'currentColor' : 'inherit'
+  }, null, 8 /* PROPS */, _hoisted_7)])])) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */), _ctx.description ? (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: normalizeClass(_ctx.descriptionStyles)
+  }, toDisplayString(_ctx.description), 3 /* TEXT, CLASS */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-loader-v3/OrLoader.vue";

package/dist/bundled/v3/components/OrLoaderV3/OrLoader.vue.d.ts

@@ -0,0 +1,75 @@
+import { PropType } from 'vue-demi';
+import { LoaderColor, LoaderSize, LoaderVariant } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    variant: {
+        type: PropType<"circular" | "linear">;
+        default: LoaderVariant;
+    };
+    /**
+     * Defines a semantic color of the loading indicator.
+     * Use `'inherit'` option to set your own color from the parent (not recommended).
+     */
+    color: {
+        type: PropType<"primary" | "danger" | "inherit">;
+        default: LoaderColor;
+    };
+    /**
+     * Defines a diameter of the circular loader. Ignored for linear one.
+     */
+    size: {
+        type: PropType<"m" | "s">;
+        default: LoaderSize;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    containerStyles: import("vue-demi").ComputedRef<string[]>;
+    titleStyles: import("vue-demi").ComputedRef<string[]>;
+    descriptionStyles: import("vue-demi").ComputedRef<string[]>;
+    computedSize: import("vue-demi").ComputedRef<16 | 20 | undefined>;
+    strokeWidth: import("vue-demi").ComputedRef<number | "100%">;
+    wrapperStyle: import("vue-demi").ComputedRef<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<{
+    variant: {
+        type: PropType<"circular" | "linear">;
+        default: LoaderVariant;
+    };
+    /**
+     * Defines a semantic color of the loading indicator.
+     * Use `'inherit'` option to set your own color from the parent (not recommended).
+     */
+    color: {
+        type: PropType<"primary" | "danger" | "inherit">;
+        default: LoaderColor;
+    };
+    /**
+     * Defines a diameter of the circular loader. Ignored for linear one.
+     */
+    size: {
+        type: PropType<"m" | "s">;
+        default: LoaderSize;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>>, {
+    description: string;
+    variant: "circular" | "linear";
+    color: "primary" | "danger" | "inherit";
+    size: "m" | "s";
+    title: string;
+}>;
+export default _default;