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

package/dist/bundled/v3/components/OrPopoverV3/OrPopover.vue.d.ts

@@ -0,0 +1,115 @@
+import { ReferenceElement } from '@floating-ui/dom';
+import { PropType } from 'vue-demi';
+import { PopoverOffset, PopoverPlacement, PopoverVariant } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    customStyles: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"auto" | "popover" | "bottom-sheet">;
+        default: PopoverVariant;
+    };
+    bottomSheetProps: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    trigger: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end">;
+        default: PopoverPlacement;
+    };
+    offset: {
+        type: PropType<PopoverOffset>;
+        default: undefined;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    containerRoot: import("vue-demi").Ref<HTMLElement | undefined>;
+    bottomSheet: import("vue-demi").Ref<any>;
+    bottomSheetRoot: import("vue-demi").ComputedRef<any>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    bodyStyles: import("vue-demi").ComputedRef<string[]>;
+    floatingStyles: Readonly<import("vue-demi").Ref<{
+        position: import("@floating-ui/dom").Strategy;
+        top: string;
+        left: string;
+        transform?: string | undefined;
+        willChange?: string | undefined;
+    }>>;
+    state: import("vue-demi").Ref<"open" | "closed">;
+    isFlipped: import("vue-demi").ComputedRef<boolean>;
+    isHidden: import("vue-demi").ComputedRef<boolean>;
+    isDesktop: import("vue-demi").ComputedRef<boolean>;
+    isMobile: import("vue-demi").ComputedRef<boolean>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close")[], "update:state" | "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    customStyles: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"auto" | "popover" | "bottom-sheet">;
+        default: PopoverVariant;
+    };
+    bottomSheetProps: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    trigger: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end">;
+        default: PopoverPlacement;
+    };
+    offset: {
+        type: PropType<PopoverOffset>;
+        default: undefined;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    customStyles: string[];
+    isOpen: boolean;
+    variant: "auto" | "popover" | "bottom-sheet";
+    bottomSheetProps: any;
+    trigger: ReferenceElement;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    offset: PopoverOffset;
+    fullWidth: boolean;
+    disableDefaultStyles: boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrPopoverV3/hooks/types.d.ts

@@ -0,0 +1,77 @@
+import type { FloatingElement, Middleware, MiddlewareData, Placement, ReferenceElement, Strategy } from '@floating-ui/dom';
+import type { ComponentPublicInstance, Ref } from 'vue-demi';
+export type MaybeReadonlyRef<T> = T | Readonly<Ref<T>>;
+export type MaybeElement<T> = T | ComponentPublicInstance | null | undefined;
+export type UseFloatingOptions<T extends ReferenceElement = ReferenceElement> = {
+    /**
+     * Represents the open/close state of the floating element.
+     * @default true
+     */
+    open?: MaybeReadonlyRef<boolean | undefined>;
+    /**
+     * Where to place the floating element relative to its reference element.
+     * @default 'bottom'
+     */
+    placement?: MaybeReadonlyRef<Placement | undefined>;
+    /**
+     * The type of CSS position property to use.
+     * @default 'absolute'
+     */
+    strategy?: MaybeReadonlyRef<Strategy | undefined>;
+    /**
+     * These are plain objects that modify the positioning coordinates in some fashion, or provide useful data for the consumer to use.
+     * @default undefined
+     */
+    middleware?: MaybeReadonlyRef<Middleware[] | undefined>;
+    /**
+     * Whether to use `transform` instead of `top` and `left` styles to
+     * position the floating element (`floatingStyles`).
+     * @default true
+     */
+    transform?: MaybeReadonlyRef<boolean | undefined>;
+    /**
+     * Callback to handle mounting/unmounting of the elements.
+     * @default undefined
+     */
+    whileElementsMounted?: (reference: T, floating: FloatingElement, update: () => void) => () => void;
+};
+export type UseFloatingReturn = {
+    /**
+     * The x-coord of the floating element.
+     */
+    x: Readonly<Ref<number>>;
+    /**
+     * The y-coord of the floating element.
+     */
+    y: Readonly<Ref<number>>;
+    /**
+     * The stateful placement, which can be different from the initial `placement` passed as options.
+     */
+    placement: Readonly<Ref<Placement>>;
+    /**
+     * The type of CSS position property to use.
+     */
+    strategy: Readonly<Ref<Strategy>>;
+    /**
+     * Additional data from middleware.
+     */
+    middlewareData: Readonly<Ref<MiddlewareData>>;
+    /**
+     * The boolean that let you know if the floating element has been positioned.
+     */
+    isPositioned: Readonly<Ref<boolean>>;
+    /**
+     * CSS styles to apply to the floating element to position it.
+     */
+    floatingStyles: Readonly<Ref<{
+        position: Strategy;
+        top: string;
+        left: string;
+        transform?: string;
+        willChange?: string;
+    }>>;
+    /**
+     * The function to update floating position manually.
+     */
+    update: () => void;
+};

package/dist/bundled/v3/components/OrPopoverV3/hooks/types.js

@@ -0,0 +1 @@
+

package/dist/bundled/v3/components/OrPopoverV3/hooks/useFloating.d.ts

@@ -0,0 +1,4 @@
+import type { FloatingElement, ReferenceElement } from '@floating-ui/dom';
+import { Ref } from 'vue-demi';
+import type { UseFloatingOptions, UseFloatingReturn, MaybeElement } from './types';
+export declare function useFloating<T extends ReferenceElement = ReferenceElement>(reference: Readonly<Ref<MaybeElement<T>>>, floating: Readonly<Ref<MaybeElement<FloatingElement>>>, options?: UseFloatingOptions<T>): UseFloatingReturn;

package/dist/bundled/v3/components/OrPopoverV3/hooks/useFloating.js

@@ -0,0 +1,137 @@
+import { c as computePosition } from '../../../floating-ui.dom-d9ef0d1f.js';
+import { computed, unref, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly } from 'vue-demi';
+
+function roundByDPR(element, value) {
+  const dpr = getDPR(element);
+  return Math.round(value * dpr) / dpr;
+}
+function getDPR(element) {
+  if (typeof window === 'undefined') {
+    return 1;
+  }
+  const win = element.ownerDocument.defaultView || window;
+  return win.devicePixelRatio || 1;
+}
+function unwrapElement(element) {
+  var _a;
+  return (_a = element === null || element === void 0 ? void 0 : element.$el) !== null && _a !== void 0 ? _a : element;
+}
+function useFloating(reference, floating) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const whileElementsMountedOption = options.whileElementsMounted;
+  const openOption = computed(() => {
+    var _a;
+    return (_a = unref(options.open)) !== null && _a !== void 0 ? _a : true;
+  });
+  const middlewareOption = computed(() => unref(options.middleware));
+  const placementOption = computed(() => {
+    var _a;
+    return (_a = unref(options.placement)) !== null && _a !== void 0 ? _a : 'bottom';
+  });
+  const strategyOption = computed(() => {
+    var _a;
+    return (_a = unref(options.strategy)) !== null && _a !== void 0 ? _a : 'absolute';
+  });
+  const transformOption = computed(() => {
+    var _a;
+    return (_a = unref(options.transform)) !== null && _a !== void 0 ? _a : true;
+  });
+  const referenceElement = computed(() => unwrapElement(reference.value));
+  const floatingElement = computed(() => unwrapElement(floating.value));
+  const x = ref(0);
+  const y = ref(0);
+  const strategy = ref(strategyOption.value);
+  const placement = ref(placementOption.value);
+  const middlewareData = shallowRef({});
+  const isPositioned = ref(false);
+  const floatingStyles = computed(() => {
+    const initialStyles = {
+      position: strategy.value,
+      left: '0',
+      top: '0'
+    };
+    if (!floatingElement.value) {
+      return initialStyles;
+    }
+    const xVal = roundByDPR(floatingElement.value, x.value);
+    const yVal = roundByDPR(floatingElement.value, y.value);
+    if (transformOption.value) {
+      return {
+        ...initialStyles,
+        transform: `translate(${xVal}px, ${yVal}px)`,
+        ...(getDPR(floatingElement.value) >= 1.5 && {
+          willChange: 'transform'
+        })
+      };
+    }
+    return {
+      position: strategy.value,
+      left: `${xVal}px`,
+      top: `${yVal}px`
+    };
+  });
+  let whileElementsMountedCleanup;
+  function update() {
+    if (referenceElement.value == null || floatingElement.value == null) {
+      return;
+    }
+    computePosition(referenceElement.value, floatingElement.value, {
+      middleware: middlewareOption.value,
+      placement: placementOption.value,
+      strategy: strategyOption.value
+    }).then(position => {
+      x.value = position.x;
+      y.value = position.y;
+      strategy.value = position.strategy;
+      placement.value = position.placement;
+      middlewareData.value = position.middlewareData;
+      isPositioned.value = true;
+    });
+  }
+  function cleanup() {
+    if (typeof whileElementsMountedCleanup === 'function') {
+      whileElementsMountedCleanup();
+      whileElementsMountedCleanup = undefined;
+    }
+  }
+  function attach() {
+    cleanup();
+    if (whileElementsMountedOption === undefined) {
+      update();
+      return;
+    }
+    if (referenceElement.value != null && floatingElement.value != null) {
+      whileElementsMountedCleanup = whileElementsMountedOption(referenceElement.value, floatingElement.value, update);
+      return;
+    }
+  }
+  function reset() {
+    if (!openOption.value) {
+      isPositioned.value = false;
+    }
+  }
+  watch([middlewareOption, placementOption, strategyOption], update, {
+    flush: 'sync'
+  });
+  watch([referenceElement, floatingElement], attach, {
+    flush: 'sync'
+  });
+  watch(openOption, reset, {
+    flush: 'sync'
+  });
+  if (getCurrentScope()) {
+    onScopeDispose(cleanup);
+  }
+  return {
+    x: shallowReadonly(x),
+    y: shallowReadonly(y),
+    strategy: shallowReadonly(strategy),
+    placement: shallowReadonly(placement),
+    middlewareData: shallowReadonly(middlewareData),
+    isPositioned: shallowReadonly(isPositioned),
+    floatingStyles,
+    update
+  };
+}
+
+export { useFloating };

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

@@ -0,0 +1,2 @@
+export { default as OrPopoverV3 } from './OrPopover.vue';
+export * from './props';

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

@@ -0,0 +1,2 @@
+export { PopoverPlacement, PopoverVariant } from './props.js';
+export { s as OrPopoverV3 } from '../../OrPopover.vue_vue_type_script_lang-877797ba.js';

package/dist/bundled/v3/components/OrPopoverV3/props.d.ts

@@ -0,0 +1,21 @@
+import { offset } from '@floating-ui/dom';
+export declare enum PopoverVariant {
+    Auto = "auto",
+    Popover = "popover",
+    BottomSheet = "bottom-sheet"
+}
+export declare enum PopoverPlacement {
+    Top = "top",
+    TopStart = "top-start",
+    TopEnd = "top-end",
+    Bottom = "bottom",
+    BottomStart = "bottom-start",
+    BottomEnd = "bottom-end",
+    Left = "left",
+    LeftStart = "left-start",
+    LeftEnd = "left-end",
+    Right = "right",
+    RightStart = "right-start",
+    RightEnd = "right-end"
+}
+export type PopoverOffset = NonNullable<Parameters<typeof offset>[0]>;

package/dist/bundled/v3/components/OrPopoverV3/props.js

@@ -0,0 +1,23 @@
+var PopoverVariant;
+(function (PopoverVariant) {
+  PopoverVariant["Auto"] = "auto";
+  PopoverVariant["Popover"] = "popover";
+  PopoverVariant["BottomSheet"] = "bottom-sheet";
+})(PopoverVariant || (PopoverVariant = {}));
+var PopoverPlacement;
+(function (PopoverPlacement) {
+  PopoverPlacement["Top"] = "top";
+  PopoverPlacement["TopStart"] = "top-start";
+  PopoverPlacement["TopEnd"] = "top-end";
+  PopoverPlacement["Bottom"] = "bottom";
+  PopoverPlacement["BottomStart"] = "bottom-start";
+  PopoverPlacement["BottomEnd"] = "bottom-end";
+  PopoverPlacement["Left"] = "left";
+  PopoverPlacement["LeftStart"] = "left-start";
+  PopoverPlacement["LeftEnd"] = "left-end";
+  PopoverPlacement["Right"] = "right";
+  PopoverPlacement["RightStart"] = "right-start";
+  PopoverPlacement["RightEnd"] = "right-end";
+})(PopoverPlacement || (PopoverPlacement = {}));
+
+export { PopoverPlacement, PopoverVariant };

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

@@ -0,0 +1,4 @@
+import { PopoverPlacement } from './props';
+export declare const Popover: string[];
+export declare const PopoverBody: string[];
+export declare const PopoverBodyPlacements: Record<PopoverPlacement, string[]>;

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

@@ -0,0 +1,46 @@
+import { PopoverPlacement } from './props.js';
+
+const Popover = [
+// Position
+'absolute'];
+const PopoverBody = [
+// Spacing
+'mx-sm', 'my-sm',
+// Shape
+'rounded-md',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark',
+// Theme
+'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const PopoverBodyPlacements = {
+  [PopoverPlacement.Top]: [],
+  [PopoverPlacement.TopStart]: [
+  // Spacing
+  'ml-none'],
+  [PopoverPlacement.TopEnd]: [
+  // Spacing
+  'mr-none'],
+  [PopoverPlacement.Bottom]: [],
+  [PopoverPlacement.BottomStart]: [
+  // Spacing
+  'ml-none'],
+  [PopoverPlacement.BottomEnd]: [
+  // Spacing
+  'mr-none'],
+  [PopoverPlacement.Left]: [],
+  [PopoverPlacement.LeftStart]: [
+  // Spacing
+  'mt-none'],
+  [PopoverPlacement.LeftEnd]: [
+  // Spacing
+  'mb-none'],
+  [PopoverPlacement.Right]: [],
+  [PopoverPlacement.RightStart]: [
+  // Spacing
+  'mt-none'],
+  [PopoverPlacement.RightEnd]: [
+  // Spacing
+  'mb-none']
+};
+
+export { Popover, PopoverBody, PopoverBodyPlacements };

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

@@ -0,0 +1,63 @@
+import { s as script } from '../../OrProgress.vue_vue_type_script_lang-c4bd7133.js';
+export { s as default } from '../../OrProgress.vue_vue_type_script_lang-c4bd7133.js';
+import { openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "or-progress-header"
+};
+const _hoisted_2 = {
+  class: "label"
+};
+const _hoisted_3 = {
+  class: "percent"
+};
+const _hoisted_4 = {
+  class: "or-progress-linear"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "or-progress-loader"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "or-progress-footer"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "or-progress-circle"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["or-progress", {
+      'is-linear': _ctx.isLinearType
+    }])
+  }, [_ctx.isLinearType ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [_ctx.isShowingHeader ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.headerText), 1 /* TEXT */)])]), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "percent", {
+    value: _ctx.percent
+  }, () => [createTextVNode(toDisplayString(_ctx.percent), 1 /* TEXT */)])])])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [_ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_5)) : (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: normalizeClass(_ctx.progressBarClasses),
+    style: normalizeStyle(_ctx.progressBarStyle)
+  }, null, 6 /* CLASS, STYLE */))]), _ctx.isShowingFooter ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "footer", {
+    value: _ctx.localValue
+  }, () => [createTextVNode(toDisplayString(_ctx.footerText), 1 /* TEXT */)])])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : _ctx.isCircleType ? (openBlock(), createElementBlock("div", _hoisted_7, [createElementVNode("div", {
+    class: normalizeClass(_ctx.progressPieClasses),
+    style: normalizeStyle(_ctx.pieCircleStyle)
+  }, [createElementVNode("div", {
+    class: "left-side half-circle",
+    style: normalizeStyle(_ctx.leftCircleHalfStyle)
+  }, null, 4 /* STYLE */), createElementVNode("div", {
+    class: "right-side half-circle",
+    style: normalizeStyle(_ctx.rightCircleHalfStyle)
+  }, null, 4 /* STYLE */)], 6 /* CLASS, STYLE */)])) : 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-cb4dbcd0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-cb4dbcd0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes loaderLinear-cb4dbcd0 {\n0% {\n    transform: translate(-100%, 0);\n}\n100% {\n    transform: translate(100%, 0);\n}\n}\n.or-progress[data-v-cb4dbcd0] {\n  font-size: var(--fs-0);\n  line-height: var(--lh-0);\n  color: var(--c-neutral-5);\n}\n.or-progress.is-linear[data-v-cb4dbcd0] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: 10rem;\n  max-width: 18.4375rem;\n}\n.or-progress .or-progress-header[data-v-cb4dbcd0] {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 0.375rem;\n}\n.or-progress .or-progress-header .label[data-v-cb4dbcd0] {\n  font-weight: bold;\n  color: var(--c-neutral-6);\n}\n.or-progress .or-progress-header .percent[data-v-cb4dbcd0] {\n  margin-left: auto;\n}\n.or-progress .or-progress-linear[data-v-cb4dbcd0] {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: var(--s-1);\n  overflow: hidden;\n  background-color: var(--c-neutral-2);\n  border-radius: 1px;\n  transition-timing-function: ease;\n  transition-duration: 0.3s;\n  transition-property: height, opacity;\n}\n.or-progress .or-progress-linear .or-progress-loader[data-v-cb4dbcd0],\n.or-progress .or-progress-linear .or-progress-loader[data-v-cb4dbcd0]::after,\n.or-progress .or-progress-linear .or-progress-bar[data-v-cb4dbcd0] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: auto;\n}\n.or-progress .or-progress-linear .or-progress-loader[data-v-cb4dbcd0] {\n  animation: loaderLinear-cb4dbcd0 1.2s var(--t-func) infinite;\n}\n.or-progress .or-progress-linear .or-progress-loader[data-v-cb4dbcd0]::after {\n  max-width: 7rem;\n  content: \"\";\n  background-color: var(--c-neutral-5);\n  border-radius: var(--s-1);\n}\n.or-progress .or-progress-linear .or-progress-bar[data-v-cb4dbcd0] {\n  transition: transform 0.2s linear;\n  transform-origin: left;\n}\n.or-progress .or-progress-linear .or-progress-bar.is-primary-color[data-v-cb4dbcd0] {\n  background-color: var(--c-primary);\n}\n.or-progress .or-progress-linear .or-progress-bar.is-success-color[data-v-cb4dbcd0] {\n  background-color: var(--c-success);\n}\n.or-progress .or-progress-linear .or-progress-bar.is-warning-color[data-v-cb4dbcd0] {\n  background-color: var(--c-warning);\n}\n.or-progress .or-progress-linear .or-progress-bar.is-error-color[data-v-cb4dbcd0] {\n  background-color: var(--c-error);\n}\n.or-progress .or-progress-circle[data-v-cb4dbcd0] {\n  position: relative;\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.or-progress .or-progress-circle .or-progress-pie[data-v-cb4dbcd0] {\n  clip: rect(0, 1.5rem, 1.5rem, 0.75rem);\n}\n.or-progress .or-progress-circle .or-progress-pie.is-loading[data-v-cb4dbcd0] {\n  clip: rect(auto, auto, auto, auto);\n  animation: spinAround-cb4dbcd0 0.7s linear infinite;\n}\n.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle[data-v-cb4dbcd0] {\n  visibility: visible !important;\n  border-color: var(--c-primary) !important;\n}\n.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle.left-side[data-v-cb4dbcd0] {\n  transform: rotate(270deg) !important;\n}\n.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle.right-side[data-v-cb4dbcd0] {\n  transform: rotate(180deg) !important;\n}\n.or-progress .or-progress-circle .or-progress-pie[data-v-cb4dbcd0],\n.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-cb4dbcd0] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-cb4dbcd0] {\n  clip: rect(0, 0.75rem, 1.5rem, 0);\n  border-style: solid;\n  border-width: var(--s-1);\n  border-radius: 50%;\n}\n.or-progress .or-progress-circle .or-progress-pie .half-circle.left-side[data-v-cb4dbcd0] {\n  transition: visibility 0.2s linear 0.2s, transform 0.2s linear 0.2s;\n  transform: rotate(180deg);\n}\n.or-progress .or-progress-circle .or-progress-pie .half-circle.right-side[data-v-cb4dbcd0] {\n  transition: transform 0.2s linear;\n}\n.or-progress .or-progress-circle .or-progress-pie.is-primary-color > .half-circle[data-v-cb4dbcd0] {\n  border-color: var(--c-primary);\n}\n.or-progress .or-progress-circle .or-progress-pie.is-success-color > .half-circle[data-v-cb4dbcd0] {\n  border-color: var(--c-success);\n}\n.or-progress .or-progress-circle .or-progress-pie.is-warning-color > .half-circle[data-v-cb4dbcd0] {\n  border-color: var(--c-warning);\n}\n.or-progress .or-progress-circle .or-progress-pie.is-error-color > .half-circle[data-v-cb4dbcd0] {\n  border-color: var(--c-error);\n}\n.or-progress .or-progress-footer[data-v-cb4dbcd0] {\n  margin-top: var(--s-1);\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-cb4dbcd0";
+script.__file = "src/components/or-progress/OrProgress.vue";

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

@@ -0,0 +1,122 @@
+import { PropType } from 'vue-demi';
+import { OrProgressColors, OrProgressTypes } from './constants';
+declare const _default: import("vue-demi").DefineComponent<{
+    maxValue: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    value: {
+        type: NumberConstructor;
+        required: false;
+        default: null;
+    };
+    progress: {
+        type: NumberConstructor;
+        required: false;
+        default: null;
+    };
+    precision: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    type: {
+        type: PropType<OrProgressTypes>;
+        required: false;
+        default: OrProgressTypes;
+    };
+    color: {
+        type: PropType<OrProgressColors>;
+        required: false;
+        default: OrProgressColors;
+    };
+    headerText: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    footerText: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, unknown, unknown, {
+    localProgress(): number;
+    localValue(): number;
+    percent(): string;
+    isLinearType(): boolean;
+    isCircleType(): boolean;
+    isShowingHeader(): boolean;
+    isShowingFooter(): boolean;
+    localColor(): Exclude<OrProgressColors, OrProgressColors.auto>;
+    isMoreThanHalf(): boolean;
+    progressBarClasses(): string[];
+    progressPieClasses(): string[];
+    progressBarStyle(): any;
+    leftCircleHalfStyle(): any;
+    rightCircleHalfStyle(): any;
+    pieCircleStyle(): any;
+}, {}, 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<{
+    maxValue: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    value: {
+        type: NumberConstructor;
+        required: false;
+        default: null;
+    };
+    progress: {
+        type: NumberConstructor;
+        required: false;
+        default: null;
+    };
+    precision: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    type: {
+        type: PropType<OrProgressTypes>;
+        required: false;
+        default: OrProgressTypes;
+    };
+    color: {
+        type: PropType<OrProgressColors>;
+        required: false;
+        default: OrProgressColors;
+    };
+    headerText: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    footerText: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>>, {
+    maxValue: number;
+    value: number;
+    progress: number;
+    precision: number;
+    type: OrProgressTypes;
+    color: OrProgressColors;
+    headerText: string;
+    footerText: string;
+    isLoading: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,11 @@
+export declare enum OrProgressColors {
+    auto = "auto",
+    primary = "primary",
+    success = "success",
+    warning = "warning",
+    error = "error"
+}
+export declare enum OrProgressTypes {
+    linear = "linear",
+    circle = "circle"
+}

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

@@ -0,0 +1,15 @@
+var OrProgressColors;
+(function (OrProgressColors) {
+  OrProgressColors["auto"] = "auto";
+  OrProgressColors["primary"] = "primary";
+  OrProgressColors["success"] = "success";
+  OrProgressColors["warning"] = "warning";
+  OrProgressColors["error"] = "error";
+})(OrProgressColors || (OrProgressColors = {}));
+var OrProgressTypes;
+(function (OrProgressTypes) {
+  OrProgressTypes["linear"] = "linear";
+  OrProgressTypes["circle"] = "circle";
+})(OrProgressTypes || (OrProgressTypes = {}));
+
+export { OrProgressColors, OrProgressTypes };

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

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

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

@@ -0,0 +1,2 @@
+export { OrProgressColors, OrProgressTypes } from './constants.js';
+export { s as OrProgress } from '../../OrProgress.vue_vue_type_script_lang-c4bd7133.js';