@onereach/ui-components 8.6.0 → 8.6.1-beta.3679.0

package/dist/bundled/v3/utils/constants/key-codes.js

@@ -1 +1 @@
-export { al as CODE_BACKSPACE, am as CODE_BREAK, an as CODE_DELETE, ao as CODE_DOWN, ap as CODE_END, aq as CODE_ENTER, ar as CODE_ESC, as as CODE_HOME, at as CODE_LEFT, au as CODE_PAGEDOWN, av as CODE_PAGEUP, aw as CODE_RIGHT, ax as CODE_SPACE, ay as CODE_UP } from '../../components/OrBottomSheetV3-199292db.js';
+export { am as CODE_BACKSPACE, an as CODE_BREAK, ao as CODE_DELETE, ap as CODE_DOWN, aq as CODE_END, ar as CODE_ENTER, as as CODE_ESC, at as CODE_HOME, au as CODE_LEFT, av as CODE_PAGEDOWN, aw as CODE_PAGEUP, ax as CODE_RIGHT, ay as CODE_SPACE, az as CODE_UP } from '../../components/OrBottomSheetV3-d9cb62e3.js';

package/dist/bundled/v3/utils/constants/poper.js

@@ -1 +1 @@
-export { aC as PLACEMENT_BOTTOM_END, aB as PLACEMENT_BOTTOM_START, aG as PLACEMENT_LEFT_END, aF as PLACEMENT_LEFT_START, aE as PLACEMENT_RIGHT_END, aD as PLACEMENT_RIGHT_START, aA as PLACEMENT_TOP_END, az as PLACEMENT_TOP_START } from '../../components/OrBottomSheetV3-199292db.js';
+export { aD as PLACEMENT_BOTTOM_END, aC as PLACEMENT_BOTTOM_START, aH as PLACEMENT_LEFT_END, aG as PLACEMENT_LEFT_START, aF as PLACEMENT_RIGHT_END, aE as PLACEMENT_RIGHT_START, aB as PLACEMENT_TOP_END, aA as PLACEMENT_TOP_START } from '../../components/OrBottomSheetV3-d9cb62e3.js';

package/dist/bundled/v3/utils/functions/dom.js

@@ -1 +1 @@
-export { aH as MutationObs, ae as addClass, k as cancelAF, aM as contains, aR as getAttr, l as getBCR, aN as getById, A as getCS, B as getMaxZIndex, aT as getStyle, aS as hasAttr, aO as hasClass, aJ as isVisible, aU as offset, aV as position, h as reflow, aQ as removeAttr, af as removeClass, aI as removeNode, j as removeStyle, r as requestAF, aL as select, aK as selectAll, aP as setAttr, s as setStyle } from '../../components/OrBottomSheetV3-199292db.js';
+export { aI as MutationObs, ae as addClass, k as cancelAF, aN as contains, aS as getAttr, l as getBCR, aO as getById, A as getCS, B as getMaxZIndex, aU as getStyle, aT as hasAttr, aP as hasClass, aK as isVisible, aV as offset, aW as position, h as reflow, aR as removeAttr, af as removeClass, aJ as removeNode, j as removeStyle, r as requestAF, aM as select, aL as selectAll, aQ as setAttr, s as setStyle } from '../../components/OrBottomSheetV3-d9cb62e3.js';

package/dist/bundled/v3/utils/functions/flattenDeep.js

@@ -1 +1 @@
-export { f as default } from '../../components/OrBottomSheetV3-199292db.js';
+export { f as default } from '../../components/OrBottomSheetV3-d9cb62e3.js';

package/dist/bundled/v3/utils/functions/px-to-rem.js

@@ -1 +1 @@
-export { p as pxToRem } from '../../components/OrBottomSheetV3-199292db.js';
+export { p as pxToRem } from '../../components/OrBottomSheetV3-d9cb62e3.js';

package/dist/bundled/v3/utils/functions/text.js

@@ -1,2 +1,2 @@
 import '../../components/OrAvatarV3-fad0711b.js';
-export { aW as getAbbreviation } from '../../components/OrBottomSheetV3-199292db.js';
+export { aX as getAbbreviation } from '../../components/OrBottomSheetV3-d9cb62e3.js';

package/dist/bundled/v3/utils/index.js

@@ -1,2 +1,2 @@
 export { H as HSL_LIMITS, R as RX_ABBREVIATION_FROM_STRING, a as RX_ARRAY_NOTATION, b as RX_BV_PREFIX, u as RX_DATE, v as RX_DATE_SPLIT, c as RX_DIGITS, y as RX_ENCODED_COMMA, z as RX_ENCODE_REVERSE, d as RX_EXTENSION, e as RX_HASH, f as RX_HASH_ID, x as RX_HREF, g as RX_HTML_TAGS, h as RX_HYPHENATE, C as RX_LONG_COLOR, i as RX_LOWER_UPPER, j as RX_NUMBER, k as RX_PLUS, A as RX_QUERY_START, l as RX_REGEXP_REPLACE, B as RX_SHORT_COLOR, m as RX_SPACES, n as RX_SPACE_SPLIT, o as RX_STAR, p as RX_START_SPACE_WORD, w as RX_TIME, q as RX_TRIM_LEFT, r as RX_TRIM_RIGHT, s as RX_UNDERSCORE, t as RX_UN_KEBAB, F as generateHslFromString, I as getHashOfString, D as hexToRgb, G as hslToColorString, J as normalize, E as rgbToHex } from '../components/OrAvatarV3-fad0711b.js';
-export { al as CODE_BACKSPACE, am as CODE_BREAK, an as CODE_DELETE, ao as CODE_DOWN, ap as CODE_END, aq as CODE_ENTER, ar as CODE_ESC, as as CODE_HOME, at as CODE_LEFT, au as CODE_PAGEDOWN, av as CODE_PAGEUP, aw as CODE_RIGHT, ax as CODE_SPACE, ay as CODE_UP, aH as MutationObs, aC as PLACEMENT_BOTTOM_END, aB as PLACEMENT_BOTTOM_START, aG as PLACEMENT_LEFT_END, aF as PLACEMENT_LEFT_START, aE as PLACEMENT_RIGHT_END, aD as PLACEMENT_RIGHT_START, aA as PLACEMENT_TOP_END, az as PLACEMENT_TOP_START, ae as addClass, k as cancelAF, aM as contains, aW as getAbbreviation, aR as getAttr, l as getBCR, aN as getById, A as getCS, B as getMaxZIndex, aT as getStyle, aS as hasAttr, aO as hasClass, S as isEmpty, i as isEmptyValue, ad as isEqualValue, aJ as isVisible, aU as offset, aV as position, p as pxToRem, h as reflow, aQ as removeAttr, af as removeClass, aI as removeNode, j as removeStyle, r as requestAF, aL as select, aK as selectAll, aP as setAttr, s as setStyle } from '../components/OrBottomSheetV3-199292db.js';
+export { am as CODE_BACKSPACE, an as CODE_BREAK, ao as CODE_DELETE, ap as CODE_DOWN, aq as CODE_END, ar as CODE_ENTER, as as CODE_ESC, at as CODE_HOME, au as CODE_LEFT, av as CODE_PAGEDOWN, aw as CODE_PAGEUP, ax as CODE_RIGHT, ay as CODE_SPACE, az as CODE_UP, aI as MutationObs, aD as PLACEMENT_BOTTOM_END, aC as PLACEMENT_BOTTOM_START, aH as PLACEMENT_LEFT_END, aG as PLACEMENT_LEFT_START, aF as PLACEMENT_RIGHT_END, aE as PLACEMENT_RIGHT_START, aB as PLACEMENT_TOP_END, aA as PLACEMENT_TOP_START, ae as addClass, k as cancelAF, aN as contains, aX as getAbbreviation, aS as getAttr, l as getBCR, aO as getById, A as getCS, B as getMaxZIndex, aU as getStyle, aT as hasAttr, aP as hasClass, S as isEmpty, i as isEmptyValue, ad as isEqualValue, aK as isVisible, aV as offset, aW as position, p as pxToRem, h as reflow, aR as removeAttr, af as removeClass, aJ as removeNode, j as removeStyle, r as requestAF, aM as select, aL as selectAll, aQ as setAttr, s as setStyle } from '../components/OrBottomSheetV3-d9cb62e3.js';

package/dist/bundled/v3/utils/isEmpty.js

@@ -1 +1 @@
-export { S as isEmpty } from '../components/OrBottomSheetV3-199292db.js';
+export { S as isEmpty } from '../components/OrBottomSheetV3-d9cb62e3.js';

package/dist/bundled/v3/utils/isEmptyValue.js

@@ -1 +1 @@
-export { i as isEmptyValue } from '../components/OrBottomSheetV3-199292db.js';
+export { i as isEmptyValue } from '../components/OrBottomSheetV3-d9cb62e3.js';

package/dist/bundled/v3/utils/isEqualValue.js

@@ -1 +1 @@
-export { ad as isEqualValue } from '../components/OrBottomSheetV3-199292db.js';
+export { ad as isEqualValue } from '../components/OrBottomSheetV3-d9cb62e3.js';

package/dist/bundled/v3/utils/isVisible.js

@@ -1 +1 @@
-export { aX as default } from '../components/OrBottomSheetV3-199292db.js';
+export { aY as default } from '../components/OrBottomSheetV3-d9cb62e3.js';

package/dist/esm/v2/OrStatus-e22c2e41.js

@@ -0,0 +1,152 @@
+import { formatTimeAgo } from '@vueuse/core';
+import { defineComponent, ref, computed } from 'vue-demi';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+
+var StatusVariant;
+(function (StatusVariant) {
+  StatusVariant["Neutral"] = "neutral";
+  StatusVariant["Disabled"] = "disabled";
+  StatusVariant["Success"] = "success";
+  StatusVariant["Warning"] = "warning";
+  StatusVariant["Error"] = "error";
+})(StatusVariant || (StatusVariant = {}));
+var StatusSize;
+(function (StatusSize) {
+  StatusSize["M"] = "m";
+  StatusSize["S"] = "s";
+})(StatusSize || (StatusSize = {}));
+
+const Status = [
+// Layout
+'layout-inline-row',
+// Spacing
+'gap-sm'];
+const StatusVariants = {
+  [StatusVariant.Neutral]: [
+  // Theme
+  'theme-foreground-default', 'dark:theme-foreground-default-dark'],
+  [StatusVariant.Disabled]: [
+  // Theme
+  'theme-foreground-outline', 'dark:theme-foreground-outline-dark'],
+  [StatusVariant.Success]: [
+  // Theme
+  'theme-foreground-success', 'dark:theme-foreground-success-dark'],
+  [StatusVariant.Warning]: [
+  // Theme
+  'theme-foreground-warning', 'dark:theme-foreground-warning-dark'],
+  [StatusVariant.Error]: [
+  // Theme
+  'theme-foreground-error', 'dark:theme-foreground-error-dark']
+};
+const StatusSizes = {
+  [StatusSize.M]: [
+  // Typography
+  'typography-body-2-regular'],
+  [StatusSize.S]: [
+  // Typography
+  'typography-caption-regular']
+};
+const StatusIndicator = [
+// Layout
+'shrink-0',
+// Box
+'w-[10px] md:w-[8px]', 'h-[10px] md:h-[8px]',
+// Shape
+'rounded-full'];
+const StatusIndicatorVariants = {
+  [StatusVariant.Neutral]: [
+  // Theme
+  'theme-background-primary', 'dark:theme-background-primary-dark'],
+  [StatusVariant.Disabled]: [
+  // Theme
+  'theme-background-current', 'dark:theme-background-current-dark'],
+  [StatusVariant.Success]: [
+  // Theme
+  'theme-background-success-hover', 'dark:theme-background-success-hover-dark'],
+  [StatusVariant.Warning]: [
+  // Theme
+  'theme-background-warning-hover', 'dark:theme-background-warning-hover-dark'],
+  [StatusVariant.Error]: [
+  // Theme
+  'theme-background-error-hover', 'dark:theme-background-error-hover-dark']
+};
+const StatusTimestamp = [
+// Layout
+'shrink-0',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+
+var script = defineComponent({
+  props: {
+    variant: {
+      type: String,
+      default: StatusVariant.Neutral
+    },
+    size: {
+      type: String,
+      default: StatusSize.M
+    },
+    timestamp: {
+      type: Date,
+      default: undefined
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-status-v3', ...Status, ...StatusVariants[props.variant], ...StatusSizes[props.size]]);
+    const indicatorStyles = computed(() => [...StatusIndicator, ...StatusIndicatorVariants[props.variant]]);
+    const timestampStyles = computed(() => [...StatusTimestamp]);
+    return {
+      root,
+      rootStyles,
+      indicatorStyles,
+      timestampStyles,
+      formatTimeAgo
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: "root",
+    class: _vm.rootStyles
+  }, [_c('div', {
+    class: _vm.indicatorStyles
+  }), _vm._v(" "), _c('span', {
+    class: ['truncate']
+  }, [_vm._t("default")], 2), _vm._v(" "), _vm.timestamp ? [_c('span', {
+    class: _vm.timestampStyles
+  }, [_vm._v("\n      (" + _vm._s(_vm.formatTimeAgo(_vm.timestamp)) + ")\n    ")])] : _vm._e()], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { StatusVariant as S, __vue_component__ as _, StatusSize as a };

package/dist/esm/v2/components/index.d.ts

@@ -91,6 +91,7 @@ export * from './or-skeleton-v3';
 export * from './or-slider';
 export * from './or-slider-v3';
 export * from './or-sorting-v3';
+export * from './or-status-v3';
 export * from './or-stepper';
 export * from './or-switch';
 export * from './or-switch-v3';

package/dist/esm/v2/components/index.js

@@ -113,6 +113,7 @@ export { _ as OrSkeletonRectV3 } from '../OrSkeletonRect-7057bc1c.js';
 export { _ as OrSkeletonTextV3 } from '../OrSkeletonText-6c00f797.js';
 export { _ as OrSlider } from '../OrSlider-c913a2b6.js';
 export { _ as OrSortingV3 } from '../OrSorting-16f81092.js';
+export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-e22c2e41.js';
 export { _ as OrStepper } from '../OrStepper-8dc4059a.js';
 export { _ as OrSwitch } from '../OrSwitch-322328f7.js';
 export { _ as OrSwitchV3 } from '../OrSwitch-f2c36d21.js';

package/dist/esm/v2/components/or-status-v3/OrStatus.vue.d.ts

@@ -0,0 +1,55 @@
+import { formatTimeAgo } from '@vueuse/core';
+import { PropType } from 'vue-demi';
+import { StatusSize, StatusVariant } from './props';
+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[]>;
+    indicatorStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    timestampStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    formatTimeAgo: typeof formatTimeAgo;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    variant: {
+        type: PropType<"neutral" | "disabled" | "success" | "warning" | "error">;
+        default: StatusVariant;
+    };
+    size: {
+        type: PropType<"m" | "s">;
+        default: StatusSize;
+    };
+    timestamp: {
+        type: DateConstructor;
+        default: undefined;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    variant: {
+        type: PropType<"neutral" | "disabled" | "success" | "warning" | "error">;
+        default: StatusVariant;
+    };
+    size: {
+        type: PropType<"m" | "s">;
+        default: StatusSize;
+    };
+    timestamp: {
+        type: DateConstructor;
+        default: undefined;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    variant: "neutral" | "disabled" | "success" | "warning" | "error";
+    size: "m" | "s";
+    timestamp: Date;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    indicatorStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    timestampStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    formatTimeAgo: typeof formatTimeAgo;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    variant: "neutral" | "disabled" | "success" | "warning" | "error";
+    size: "m" | "s";
+    timestamp: Date;
+} & {}, {
+    variant: "neutral" | "disabled" | "success" | "warning" | "error";
+    size: "m" | "s";
+    timestamp: Date;
+}, true>);
+export default _default;

package/dist/esm/v2/components/or-status-v3/index.d.ts

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

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

@@ -0,0 +1,4 @@
+export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from '../../OrStatus-e22c2e41.js';
+import '@vueuse/core';
+import 'vue-demi';
+import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-status-v3/props.d.ts

@@ -0,0 +1,11 @@
+export declare enum StatusVariant {
+    Neutral = "neutral",
+    Disabled = "disabled",
+    Success = "success",
+    Warning = "warning",
+    Error = "error"
+}
+export declare enum StatusSize {
+    M = "m",
+    S = "s"
+}

package/dist/esm/v2/components/or-status-v3/styles.d.ts

@@ -0,0 +1,7 @@
+import { StatusSize, StatusVariant } from './props';
+export declare const Status: string[];
+export declare const StatusVariants: Record<StatusVariant, string[]>;
+export declare const StatusSizes: Record<StatusSize, string[]>;
+export declare const StatusIndicator: string[];
+export declare const StatusIndicatorVariants: Record<StatusVariant, string[]>;
+export declare const StatusTimestamp: string[];

package/dist/esm/v2/index.js

@@ -113,6 +113,7 @@ export { _ as OrSkeletonRectV3 } from './OrSkeletonRect-7057bc1c.js';
 export { _ as OrSkeletonTextV3 } from './OrSkeletonText-6c00f797.js';
 export { _ as OrSlider } from './OrSlider-c913a2b6.js';
 export { _ as OrSortingV3 } from './OrSorting-16f81092.js';
+export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-e22c2e41.js';
 export { _ as OrStepper } from './OrStepper-8dc4059a.js';
 export { _ as OrSwitch } from './OrSwitch-322328f7.js';
 export { _ as OrSwitchV3 } from './OrSwitch-f2c36d21.js';

package/dist/esm/v3/OrStatus-95ea42e3.js

@@ -0,0 +1,130 @@
+import { formatTimeAgo } from '@vueuse/core';
+import { defineComponent, ref, computed } from 'vue-demi';
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode } from 'vue';
+
+var StatusVariant;
+(function (StatusVariant) {
+  StatusVariant["Neutral"] = "neutral";
+  StatusVariant["Disabled"] = "disabled";
+  StatusVariant["Success"] = "success";
+  StatusVariant["Warning"] = "warning";
+  StatusVariant["Error"] = "error";
+})(StatusVariant || (StatusVariant = {}));
+var StatusSize;
+(function (StatusSize) {
+  StatusSize["M"] = "m";
+  StatusSize["S"] = "s";
+})(StatusSize || (StatusSize = {}));
+
+const Status = [
+// Layout
+'layout-inline-row',
+// Spacing
+'gap-sm'];
+const StatusVariants = {
+  [StatusVariant.Neutral]: [
+  // Theme
+  'theme-foreground-default', 'dark:theme-foreground-default-dark'],
+  [StatusVariant.Disabled]: [
+  // Theme
+  'theme-foreground-outline', 'dark:theme-foreground-outline-dark'],
+  [StatusVariant.Success]: [
+  // Theme
+  'theme-foreground-success', 'dark:theme-foreground-success-dark'],
+  [StatusVariant.Warning]: [
+  // Theme
+  'theme-foreground-warning', 'dark:theme-foreground-warning-dark'],
+  [StatusVariant.Error]: [
+  // Theme
+  'theme-foreground-error', 'dark:theme-foreground-error-dark']
+};
+const StatusSizes = {
+  [StatusSize.M]: [
+  // Typography
+  'typography-body-2-regular'],
+  [StatusSize.S]: [
+  // Typography
+  'typography-caption-regular']
+};
+const StatusIndicator = [
+// Layout
+'shrink-0',
+// Box
+'w-[10px] md:w-[8px]', 'h-[10px] md:h-[8px]',
+// Shape
+'rounded-full'];
+const StatusIndicatorVariants = {
+  [StatusVariant.Neutral]: [
+  // Theme
+  'theme-background-primary', 'dark:theme-background-primary-dark'],
+  [StatusVariant.Disabled]: [
+  // Theme
+  'theme-background-current', 'dark:theme-background-current-dark'],
+  [StatusVariant.Success]: [
+  // Theme
+  'theme-background-success-hover', 'dark:theme-background-success-hover-dark'],
+  [StatusVariant.Warning]: [
+  // Theme
+  'theme-background-warning-hover', 'dark:theme-background-warning-hover-dark'],
+  [StatusVariant.Error]: [
+  // Theme
+  'theme-background-error-hover', 'dark:theme-background-error-hover-dark']
+};
+const StatusTimestamp = [
+// Layout
+'shrink-0',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+
+var script = defineComponent({
+  props: {
+    variant: {
+      type: String,
+      default: StatusVariant.Neutral
+    },
+    size: {
+      type: String,
+      default: StatusSize.M
+    },
+    timestamp: {
+      type: Date,
+      default: undefined
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-status-v3', ...Status, ...StatusVariants[props.variant], ...StatusSizes[props.size]]);
+    const indicatorStyles = computed(() => [...StatusIndicator, ...StatusIndicatorVariants[props.variant]]);
+    const timestampStyles = computed(() => [...StatusTimestamp]);
+    return {
+      root,
+      rootStyles,
+      indicatorStyles,
+      timestampStyles,
+      formatTimeAgo
+    };
+  }
+});
+
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass(['truncate'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.indicatorStyles)
+  }, null, 2 /* CLASS */), createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), _ctx.timestamp ? (openBlock(), createElementBlock("span", {
+    key: 0,
+    class: normalizeClass(_ctx.timestampStyles)
+  }, " (" + toDisplayString(_ctx.formatTimeAgo(_ctx.timestamp)) + ") ", 3 /* TEXT, CLASS */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-status-v3/OrStatus.vue";
+
+export { StatusVariant as S, StatusSize as a, script as s };

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

@@ -91,6 +91,7 @@ export * from './or-skeleton-v3';
 export * from './or-slider';
 export * from './or-slider-v3';
 export * from './or-sorting-v3';
+export * from './or-status-v3';
 export * from './or-stepper';
 export * from './or-switch';
 export * from './or-switch-v3';

package/dist/esm/v3/components/index.js

@@ -109,6 +109,7 @@ export { s as OrSkeletonRectV3 } from '../OrSkeletonRect-ba5df861.js';
 export { s as OrSkeletonTextV3 } from '../OrSkeletonText-3c3207d0.js';
 export { s as OrSlider } from '../OrSlider-b7bd588e.js';
 export { s as OrSortingV3 } from '../OrSorting-4cf454bb.js';
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-95ea42e3.js';
 export { s as OrStepper } from '../OrStepper-4943002c.js';
 export { s as OrSwitch } from '../OrSwitch-fb864132.js';
 export { s as OrSwitchV3 } from '../OrSwitch-a493c66d.js';

package/dist/esm/v3/components/or-status-v3/OrStatus.vue.d.ts

@@ -0,0 +1,41 @@
+import { formatTimeAgo } from '@vueuse/core';
+import { PropType } from 'vue-demi';
+import { StatusSize, StatusVariant } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    variant: {
+        type: PropType<"neutral" | "disabled" | "success" | "warning" | "error">;
+        default: StatusVariant;
+    };
+    size: {
+        type: PropType<"m" | "s">;
+        default: StatusSize;
+    };
+    timestamp: {
+        type: DateConstructor;
+        default: undefined;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    indicatorStyles: import("vue-demi").ComputedRef<string[]>;
+    timestampStyles: import("vue-demi").ComputedRef<string[]>;
+    formatTimeAgo: typeof formatTimeAgo;
+}, 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<"neutral" | "disabled" | "success" | "warning" | "error">;
+        default: StatusVariant;
+    };
+    size: {
+        type: PropType<"m" | "s">;
+        default: StatusSize;
+    };
+    timestamp: {
+        type: DateConstructor;
+        default: undefined;
+    };
+}>>, {
+    variant: "neutral" | "disabled" | "success" | "warning" | "error";
+    size: "m" | "s";
+    timestamp: Date;
+}>;
+export default _default;

package/dist/esm/v3/components/or-status-v3/index.d.ts

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

package/dist/esm/v3/components/or-status-v3/index.js

@@ -0,0 +1,4 @@
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../../OrStatus-95ea42e3.js';
+import '@vueuse/core';
+import 'vue-demi';
+import 'vue';

package/dist/esm/v3/components/or-status-v3/props.d.ts

@@ -0,0 +1,11 @@
+export declare enum StatusVariant {
+    Neutral = "neutral",
+    Disabled = "disabled",
+    Success = "success",
+    Warning = "warning",
+    Error = "error"
+}
+export declare enum StatusSize {
+    M = "m",
+    S = "s"
+}

package/dist/esm/v3/components/or-status-v3/styles.d.ts

@@ -0,0 +1,7 @@
+import { StatusSize, StatusVariant } from './props';
+export declare const Status: string[];
+export declare const StatusVariants: Record<StatusVariant, string[]>;
+export declare const StatusSizes: Record<StatusSize, string[]>;
+export declare const StatusIndicator: string[];
+export declare const StatusIndicatorVariants: Record<StatusVariant, string[]>;
+export declare const StatusTimestamp: string[];

package/dist/esm/v3/index.js

@@ -109,6 +109,7 @@ export { s as OrSkeletonRectV3 } from './OrSkeletonRect-ba5df861.js';
 export { s as OrSkeletonTextV3 } from './OrSkeletonText-3c3207d0.js';
 export { s as OrSlider } from './OrSlider-b7bd588e.js';
 export { s as OrSortingV3 } from './OrSorting-4cf454bb.js';
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-95ea42e3.js';
 export { s as OrStepper } from './OrStepper-4943002c.js';
 export { s as OrSwitch } from './OrSwitch-fb864132.js';
 export { s as OrSwitchV3 } from './OrSwitch-a493c66d.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.6.0",
+  "version": "8.6.1-beta.3679.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -62,9 +62,9 @@
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
     "@types/uuid": "8.3.1",
-    "@vueuse/core": "9.5.0",
-    "@vueuse/integrations": "9.5.0",
-    "@vueuse/math": "9.5.0",
+    "@vueuse/core": "9.13.0",
+    "@vueuse/integrations": "9.13.0",
+    "@vueuse/math": "9.13.0",
     "codemirror": "6.0.1",
     "focus-trap": "7.2.0",
     "prosemirror-markdown": "1.10.1",
@@ -176,6 +176,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "95513429e82f5ddbca6ae7cda9cf5c92d7616aae"
+  }
 }

package/src/components/index.ts

@@ -91,6 +91,7 @@ export * from './or-skeleton-v3';
 export * from './or-slider';
 export * from './or-slider-v3';
 export * from './or-sorting-v3';
+export * from './or-status-v3';
 export * from './or-stepper';
 export * from './or-switch';
 export * from './or-switch-v3';