@onereach/ui-components 2.68.0-beta.2053.0 → 2.68.0-beta.2056.0

package/dist/bundled/v2/components/OrOverflowMenu/OrOverflowMenu.js

@@ -1,22 +1,170 @@
-export { _ as OrOverflowMenu } from '../../OrOverflowMenu-b79183c2.js';
-import 'vue-demi';
-import '@vueuse/core';
-import '../OrOverflowMenuItem/OrOverflowMenuItem.js';
-import '../../OrButton-63084188.js';
+import { defineComponent, ref } from 'vue-demi';
+import { useToggle, onClickOutside } from '@vueuse/core';
+import __vue_component__$1 from '../OrOverflowMenuItem/OrOverflowMenuItem.js';
+import { O as OrIconButton } from '../../OrIconButton-05c25d9d.js';
+import { _ as __vue_component__$2, O as OrFloatingPlacements } from '../../OrFloating-55665d61.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import { c as createInjector } from '../../browser-82dea9ed.js';
+import '../../OrButton-a036fc0c.js';
 import '../../constants-6678dfb5.js';
-import '../../OrIcon-db65d58a.js';
+import '../../OrIcon-b54b605a.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../normalize-component-6e8e3d80.js';
-import '../../browser-82dea9ed.js';
-import '../../OrFloating-fa6e950f.js';
+import '../../OrLoader-16a453c4.js';
+import '../OrTooltipWrapper/OrTooltipWrapper.js';
+import '../../OrTooltip-cf20df81.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-28f5f62a.js';
-import '../../OrLoader-16a453c4.js';
-import '../../OrIconButton-84ac04f9.js';
-import '../OrTooltipWrapper/OrTooltipWrapper.js';
-import '../../OrTooltip-7dc5d239.js';
+import '../../dom-ba0fb2e2.js';
+
+var script = defineComponent({
+  name: 'OrOverflowMenu',
+  components: {
+    OrIconButton,
+    OrOverflowMenuItem: __vue_component__$1,
+    OrFloating: __vue_component__$2
+  },
+  props: {
+    closeOnClickOutside: {
+      type: Boolean,
+      default: true,
+      required: false
+    },
+    placement: {
+      type: String,
+      required: false,
+      default: OrFloatingPlacements.BOTTOM_END
+    },
+    items: {
+      type: Array,
+      required: false,
+      default: () => []
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false,
+      required: false
+    }
+  },
+  emits: ['open', 'close'],
+  setup(props, {
+    emit
+  }) {
+    const target = ref();
+    const content = ref(null);
+    const trigger = ref();
+    const [isOpen, toggle] = useToggle();
+    const close = () => {
+      toggle(false);
+      emit('close');
+    };
+    const open = () => {
+      if (props.isDisabled) return;
+      toggle(true);
+      emit('open');
+    };
+    onClickOutside(content, evt => {
+      if (evt.composedPath().includes(target.value)) return;
+      if (isOpen.value && props.closeOnClickOutside) close();
+    });
+    return {
+      isOpen,
+      target,
+      content,
+      open,
+      close,
+      trigger
+    };
+  }
+});
+
+/* 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: "target",
+    staticClass: "dropdown-container"
+  }, [_c('div', {
+    ref: "trigger",
+    staticClass: "trigger",
+    on: {
+      "click": function ($event) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        _vm.isOpen ? _vm.close() : _vm.open();
+      }
+    }
+  }, [_vm._t("trigger", function () {
+    return [_c('or-icon-button', {
+      staticClass: "more_icon",
+      attrs: {
+        "icon": "more_vert",
+        "icon-color": "neutral-6",
+        "is-disabled": _vm.isDisabled
+      }
+    })];
+  })], 2), _vm._v(" "), _vm.isOpen ? _c('or-floating', {
+    attrs: {
+      "trigger": _vm.trigger,
+      "placement": _vm.placement,
+      "is-using-shift": "",
+      "is-using-flip": ""
+    }
+  }, [_c('div', {
+    ref: "content",
+    staticClass: "content"
+  }, [_vm._t("content", function () {
+    return _vm._l(_vm.items, function (item) {
+      return _c('or-overflow-menu-item', {
+        key: item.label,
+        attrs: {
+          "handler": item.handler,
+          "label": item.label,
+          "icon": item.icon,
+          "close-on-click": item.closeOnClick || false,
+          "is-disabled": item.isDisabled
+        },
+        on: {
+          "close": _vm.close
+        }
+      });
+    });
+  }, {
+    "close": _vm.close
+  })], 2)]) : _vm._e()], 1);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-488f5497_0", {
+    source: ".dropdown-container[data-v-488f5497]{position:relative;width:fit-content;height:fit-content}.dropdown-container .trigger[data-v-488f5497]{cursor:pointer}.content[data-v-488f5497]{right:0;z-index:1;width:fit-content;height:fit-content;background-color:var(--c-neutral-0);border-radius:3px;box-shadow:0 0 8px 0 rgba(0,0,0,.08)}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__ = "data-v-488f5497";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* 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, createInjector, undefined, undefined);
+
+export { __vue_component__ as default };

package/dist/bundled/v2/components/OrOverflowMenu/index.js

@@ -0,0 +1,22 @@
+export { default as OrOverflowMenu } from './OrOverflowMenu.js';
+import 'vue-demi';
+import '@vueuse/core';
+import '../OrOverflowMenuItem/OrOverflowMenuItem.js';
+import '../../OrButton-a036fc0c.js';
+import '../../constants-6678dfb5.js';
+import '../../OrIcon-b54b605a.js';
+import 'lodash';
+import '../../px-to-rem-0b26b83e.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';
+import '../../OrFloating-55665d61.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue2/OrTeleportVue2.js';
+import 'portal-vue/dist/portal-vue.esm.js';
+import '../../constants-b4c183aa.js';
+import '../../dom-ba0fb2e2.js';
+import '../../OrLoader-16a453c4.js';
+import '../../OrIconButton-05c25d9d.js';
+import '../OrTooltipWrapper/OrTooltipWrapper.js';
+import '../../OrTooltip-cf20df81.js';

package/dist/bundled/v2/components/OrOverflowMenuItem/OrOverflowMenuItem.js

@@ -1,18 +1,18 @@
 import { defineComponent } from 'vue-demi';
-import { O as OrButton } from '../../OrButton-63084188.js';
+import { O as OrButton } from '../../OrButton-a036fc0c.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { c as createInjector } from '../../browser-82dea9ed.js';
 import '../../constants-6678dfb5.js';
-import '../../OrIcon-db65d58a.js';
+import '../../OrIcon-b54b605a.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../OrFloating-fa6e950f.js';
+import '../../OrFloating-55665d61.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-28f5f62a.js';
+import '../../dom-ba0fb2e2.js';
 import '../../OrLoader-16a453c4.js';
 
 var script = defineComponent({

package/dist/bundled/v2/components/OrOverlay/OrOverlay.js

@@ -1,4 +1,88 @@
-export { O as OrOverlay } from '../../OrOverlay-f25c0d05.js';
-import 'vue-demi';
-import '../../normalize-component-6e8e3d80.js';
-import '../../browser-82dea9ed.js';
+import { useScrollLock } from '@vueuse/core';
+import { defineComponent, ref, computed } from 'vue-demi';
+import __vue_component__$1 from '../OrTeleport.vue2/OrTeleport.vue2.js';
+import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
+import { u as useElevation } from '../../useElevation-31bfe1f6.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import 'portal-vue';
+
+const OverlayRoot = [
+// Position
+'fixed', 'inset-none',
+// Layout
+'flex', 'items-center', 'justify-center',
+// Theme
+'bg-overlay', 'dark:bg-overlay-dark'];
+
+var script = defineComponent({
+  name: 'OrOverlay',
+  components: {
+    OrTeleport: __vue_component__$1
+  },
+  inheritAttrs: false,
+  props: {
+    fullscreen: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-overlay', ...OverlayRoot, classAttribute.value]);
+    // Effects
+    // #region Elevation
+    useElevation(root);
+    // #endregion
+    // #region Scroll Lock
+    useScrollLock(document.body, true);
+    // #endregion
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+/* 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('OrTeleport', {
+    attrs: {
+      "disabled": !_vm.fullscreen
+    }
+  }, [_c('div', _vm._b({
+    ref: "root",
+    class: _vm.rootStyles
+  }, 'div', _vm.$attrs, false), [_vm._t("default")], 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 { __vue_component__ as default };

package/dist/bundled/v2/components/OrOverlay/index.js

@@ -0,0 +1,4 @@
+export { O as OrOverlay } from '../../OrOverlay-f25c0d05.js';
+import 'vue-demi';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/OrOverlayV3/{OrOverlayV3.js → index.js}

@@ -1,4 +1,4 @@
-export { O as OrOverlayV3 } from '../../OrOverlay-491be882.js';
+export { default as OrOverlayV3 } from '../OrOverlay/OrOverlay.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../OrTeleport.vue2/OrTeleport.vue2.js';

package/dist/bundled/v2/components/OrPassword/OrPassword.js

@@ -1,27 +1,27 @@
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import { useVModel } from '@vueuse/core';
-import { O as OrIconButton } from '../../OrIconButton-84ac04f9.js';
+import { O as OrIconButton } from '../../OrIconButton-05c25d9d.js';
 import { u as useToggle } from '../../useToggle-29e4d7c7.js';
 import { B as BUTTON_SIZE } from '../../constants-6678dfb5.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { c as createInjector } from '../../browser-82dea9ed.js';
 import '../../px-to-rem-0b26b83e.js';
-import '../../dom-28f5f62a.js';
+import '../../dom-ba0fb2e2.js';
 import 'lodash';
 import '../../OrLabel-0574b639.js';
 import '../../OrHint-4b5e2e20.js';
 import '../../OrError-9c32e442.js';
-import '../../OrCollapse-234ecb13.js';
+import '../OrCollapse/OrCollapse.js';
 import '../OrTooltipWrapper/OrTooltipWrapper.js';
-import '../../OrTooltip-7dc5d239.js';
+import '../../OrTooltip-cf20df81.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../OrFloating-fa6e950f.js';
+import '../../OrFloating-55665d61.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../constants-b4c183aa.js';
-import '../../OrIcon-db65d58a.js';
+import '../../OrIcon-b54b605a.js';
 import '../../OrLoader-16a453c4.js';
 
 var script = defineComponent({

package/dist/bundled/v2/components/OrPopover/OrPopover.js

@@ -1,10 +1,10 @@
-export { _ as default } from '../../OrPopover-08d41a4f.js';
+export { _ as default } from '../../OrPopover-f03a8230.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrOverlay-491be882.js';
+import '../OrOverlay/OrOverlay.js';
 import '../OrTeleport.vue2/OrTeleport.vue2.js';
 import 'portal-vue';
 import '../../useClassAttribute-47fdb016.js';

package/dist/bundled/v2/components/OrPopoverV3/{OrPopoverV3.js → index.js}

@@ -1,9 +1,9 @@
-export { _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from '../../OrPopover-08d41a4f.js';
+export { _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from '../../OrPopover-f03a8230.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrOverlay-491be882.js';
+import '../OrOverlay/OrOverlay.js';
 import '../OrTeleport.vue2/OrTeleport.vue2.js';
 import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1,5 +1,7 @@
-export { O as OrProgress, a as OrProgressColors, b as OrProgressTypes } from '../../OrProgress-d4c4446d.js';
+export { _ as default } from '../../OrProgress-005c516d.js';
+import '../../normalize-component-6e8e3d80.js';
 import 'lodash';
+import '@vueuse/core';
 import 'vue-demi';
-import '../../normalize-component-6e8e3d80.js';
-import '../../browser-82dea9ed.js';
+import '../../useResponsive-a02e95b7.js';
+import '../../useClassAttribute-47fdb016.js';

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

@@ -0,0 +1,5 @@
+export { O as OrProgress, a as OrProgressColors, b as OrProgressTypes } from '../../OrProgress-d4c4446d.js';
+import 'lodash';
+import 'vue-demi';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/OrProgressV3/{OrProgressV3.js → index.js}

@@ -1,4 +1,4 @@
-export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../../OrProgress-4723bc60.js';
+export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../../OrProgress-005c516d.js';
 import 'lodash';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/bundled/v2/components/OrRadio/OrRadio.js

@@ -1,5 +1,187 @@
-export { _ as OrRadio } from '../../OrRadio-48d04879.js';
-import 'vue-demi';
-import 'lodash';
-import '../../normalize-component-6e8e3d80.js';
-import '../../browser-82dea9ed.js';
+import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
+import { _ as __vue_component__$1, L as LabelVariant } from '../../OrLabel-53f23ecb.js';
+import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import { c as createInjector } from '../../browser-82dea9ed.js';
+
+const RadioRoot = [
+// Layout
+'flex', 'items-center',
+// Sizing
+'gap-sm+ md:gap-sm'];
+const RadioControl = [
+// Layout
+'flex', 'items-center', 'justify-center',
+// Box
+'w-md+ md:w-md', 'h-md+ md:h-md', 'rounded-full',
+// Interactivity
+'interactivity-auto',
+// Theme
+'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
+// Theme (focus)
+'focus:theme-outline-primary', 'dark:focus:theme-outline-primary-dark',
+// Theme (checked)
+'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
+const RadioControlHandle = [
+// Box
+'after:w-sm after:md:w-xs', 'after:h-sm after:md:h-xs', 'after:rounded-full',
+// Theme
+'checked:after:bg-on-primary', 'dark:checked:after:bg-on-primary-dark',
+// Theme (disabled)
+'disabled:checked:after:bg-on-disabled', 'dark:disabled:checked:after:bg-on-disabled-dark'];
+
+var script = defineComponent({
+  name: 'OrCheckbox',
+  components: {
+    OrLabel: __vue_component__$1
+  },
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: String,
+      default: undefined
+    },
+    value: {
+      type: String,
+      default: undefined
+    },
+    inputValue: {
+      type: String,
+      required: true
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    labelVariant: {
+      type: String,
+      default: LabelVariant.Toggle
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'input', 'focus', 'blur'],
+  expose: ['root'],
+  setup(props, context) {
+    var _a;
+    const currentInstance = getCurrentInstance();
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-radio', ...RadioRoot, classAttribute.value]);
+    const controlStyles = computed(() => [...RadioControl, ...RadioControlHandle]);
+    // State
+    const controlId = ref((_a = context.attrs.id) !== null && _a !== void 0 ? _a : currentInstance.uid.toString());
+    const proxyModelValue = computed({
+      get: () => {
+        var _a;
+        return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
+      },
+
+      set: value => {
+        context.emit('input', value);
+        context.emit('update:modelValue', value);
+      }
+    });
+    return {
+      root,
+      rootStyles,
+      controlStyles,
+      controlId,
+      proxyModelValue
+    };
+  }
+});
+
+/* 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('input', _vm._b({
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.proxyModelValue,
+      expression: "proxyModelValue"
+    }],
+    class: _vm.controlStyles,
+    attrs: {
+      "id": _vm.controlId,
+      "type": "radio",
+      "required": _vm.required,
+      "disabled": _vm.disabled
+    },
+    domProps: {
+      "value": _vm.inputValue,
+      "checked": _vm._q(_vm.proxyModelValue, _vm.inputValue)
+    },
+    on: {
+      "focus": function ($event) {
+        return _vm.$emit('focus', $event);
+      },
+      "blur": function ($event) {
+        return _vm.$emit('blur', $event);
+      },
+      "change": function ($event) {
+        _vm.proxyModelValue = _vm.inputValue;
+      }
+    }
+  }, 'input', _vm.$attrs, false)), _vm._v(" "), _vm.$slots.default || _vm.label ? [_c('OrLabel', {
+    attrs: {
+      "control-id": _vm.controlId,
+      "variant": _vm.labelVariant,
+      "required": _vm.required,
+      "disabled": _vm.disabled
+    },
+    scopedSlots: _vm._u([{
+      key: "addon",
+      fn: function () {
+        return [_vm._t("addon")];
+      },
+      proxy: true
+    }], null, true)
+  }, [_vm._t("default", function () {
+    return [_vm._v(_vm._s(_vm.label))];
+  })], 2)] : _vm._e()], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-3a964458_0", {
+    source: "input[data-v-3a964458]{appearance:none;line-height:0}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__ = "data-v-3a964458";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* 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, createInjector, undefined, undefined);
+
+export { __vue_component__ as default };

package/dist/bundled/v2/components/OrRadio/index.js

@@ -0,0 +1,5 @@
+export { _ as OrRadio } from '../../OrRadio-48d04879.js';
+import 'vue-demi';
+import 'lodash';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';