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

package/dist/bundled/v2/OrError-69657c22.js

@@ -1,94 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-const ErrorRoot = [
-// Layout
-'flex', 'items-start', 'justify-between',
-// Sizing
-'gap-sm',
-// Typography
-'typography-caption-regular',
-// Theme
-'theme-foreground-error', 'dark:theme-foreground-error-dark'];
-const ErrorText = [
-// Layout
-'grow',
-// Interactivity
-'interactivity-none'];
-const ErrorAddon = [
-// Layout
-'flex empty:hidden',
-// Box
-'min-w-max'];
-
-var script = defineComponent({
-  name: 'OrError',
-  inheritAttrs: false,
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  expose: ['root'],
-  setup() {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-error', ...ErrorRoot, classAttribute.value]);
-    const textStyles = computed(() => [...ErrorText]);
-    const addonStyles = computed(() => [...ErrorAddon]);
-    return {
-      root,
-      rootStyles,
-      textStyles,
-      addonStyles
-    };
-  }
-});
-
-/* 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', _vm._b({
-    ref: "root",
-    class: _vm.rootStyles,
-    attrs: {
-      "disabled": _vm.disabled ? '' : null
-    }
-  }, 'div', _vm.$attrs, false), [_c('div', {
-    class: _vm.textStyles
-  }, [_vm._t("default")], 2), _vm._v(" "), _c('div', {
-    class: _vm.addonStyles
-  }, [_vm._t("addon")], 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);
-var OrError = __vue_component__;
-
-export { OrError as O };

package/dist/bundled/v2/OrHint-6ef683ff.js

@@ -1,94 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-const HintRoot = [
-// Layout
-'flex', 'items-start', 'justify-between',
-// Sizing
-'gap-sm',
-// Typography
-'typography-caption-regular',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
-const HintText = [
-// Layout
-'grow',
-// Interactivity
-'interactivity-none'];
-const HintAddon = [
-// Layout
-'flex empty:hidden',
-// Box
-'min-w-max'];
-
-var script = defineComponent({
-  name: 'OrHint',
-  inheritAttrs: false,
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  expose: ['root'],
-  setup() {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-hint', ...HintRoot, classAttribute.value]);
-    const textStyles = computed(() => [...HintText]);
-    const addonStyles = computed(() => [...HintAddon]);
-    return {
-      root,
-      rootStyles,
-      textStyles,
-      addonStyles
-    };
-  }
-});
-
-/* 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', _vm._b({
-    ref: "root",
-    class: _vm.rootStyles,
-    attrs: {
-      "disabled": _vm.disabled ? '' : null
-    }
-  }, 'div', _vm.$attrs, false), [_c('div', {
-    class: _vm.textStyles
-  }, [_vm._t("default")], 2), _vm._v(" "), _c('div', {
-    class: _vm.addonStyles
-  }, [_vm._t("addon")], 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);
-var OrHint = __vue_component__;
-
-export { OrHint as O };

package/dist/bundled/v2/OrListOfInputs-b9652d18.js

@@ -1,223 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import _ from 'lodash';
-import { O as OrList } from './OrList-81212624.js';
-import __vue_component__$2 from './components/OrInput/OrInput.js';
-import { O as OrIcon } from './OrIcon-db65d58a.js';
-import { O as OrIconButton } from './OrIconButton-84ac04f9.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrListOfInputs',
-  components: {
-    OrList,
-    OrInput: __vue_component__$2,
-    OrIcon,
-    OrIconButton
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => [],
-      required: true,
-      validator: _.isArray
-    },
-    buttonLabel: {
-      type: String,
-      default: '',
-      required: false,
-      validator: _.isString
-    },
-    label: {
-      type: String,
-      default: '',
-      required: false,
-      validator: _.isString
-    },
-    inputProps: {
-      type: Object,
-      default: () => ({
-        value: ''
-      }),
-      required: false,
-      validator: _.isObject
-    },
-    canDrag: {
-      type: Boolean,
-      default: true,
-      required: false,
-      validator: _.isBoolean
-    },
-    canDelete: {
-      type: Boolean,
-      default: true,
-      required: false,
-      validator: _.isBoolean
-    },
-    isDisabled: {
-      type: Boolean,
-      default: false,
-      required: false,
-      validator: _.isBoolean
-    }
-  },
-  emits: ['update:modelValue', 'item-before-add', 'item-added', 'item-before-delete', 'item-deleted'],
-  data() {
-    console.warn('OrListOfInputs is being deprecated, consider using OrList.');
-    return {
-      listOfInputs: this.modelValue
-    };
-  },
-  watch: {
-    modelValue: {
-      handler(nv) {
-        this.listOfInputs = nv;
-      },
-      deep: true
-    }
-  }
-});
-
-/* 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('or-list', {
-    attrs: {
-      "model-value": _vm.listOfInputs,
-      "label": _vm.label,
-      "can-delete": false,
-      "can-drag": _vm.canDrag,
-      "item-props": _vm.inputProps,
-      "is-disabled": _vm.isDisabled,
-      "button-label": _vm.buttonLabel,
-      "handle": ".drag-handle"
-    },
-    on: {
-      "update:modelValue": function ($event) {
-        return _vm.$emit('update:modelValue', $event);
-      },
-      "item-before-add": function ($event) {
-        return _vm.$emit('item-before-add', $event);
-      },
-      "item-added": function ($event) {
-        return _vm.$emit('item-added', $event);
-      },
-      "item-before-delete": function ($event) {
-        return _vm.$emit('item-before-delete', $event);
-      },
-      "item-deleted": function ($event) {
-        return _vm.$emit('item-deleted', $event);
-      }
-    },
-    scopedSlots: _vm._u([{
-      key: "header",
-      fn: function (ref) {
-        var deleteItem = ref.deleteItem;
-        var addItem = ref.addItem;
-        return [_vm._t("header", null, null, {
-          deleteItem: deleteItem,
-          addItem: addItem
-        })];
-      }
-    }, {
-      key: "default",
-      fn: function (ref) {
-        var props = ref.props;
-        var index = ref.index;
-        var deleteItem = ref.deleteItem;
-        return [_c('or-input', _vm._b({
-          scopedSlots: _vm._u([_vm.canDrag && _vm.listOfInputs.length > 1 ? {
-            key: "prepend",
-            fn: function () {
-              return [_c('or-icon', {
-                staticClass: "drag-handle",
-                style: _vm.isDisabled ? {
-                  cursor: 'disabled'
-                } : {
-                  cursor: 'move'
-                },
-                attrs: {
-                  "color": "neutral-3",
-                  "icon": "drag_handle"
-                }
-              })];
-            },
-            proxy: true
-          } : null, _vm.canDelete ? {
-            key: "append",
-            fn: function () {
-              return [_c('or-icon-button', {
-                staticClass: "or-list-of-inputs--delete-button",
-                attrs: {
-                  "is-disabled": _vm.isDisabled,
-                  "icon": "delete",
-                  "icon-color": "neutral-3"
-                },
-                on: {
-                  "click": function ($event) {
-                    return deleteItem(index);
-                  }
-                }
-              })];
-            },
-            proxy: true
-          } : null], null, true),
-          model: {
-            value: props.value,
-            callback: function ($$v) {
-              _vm.$set(props, "value", $$v);
-            },
-            expression: "props.value"
-          }
-        }, 'or-input', props, false))];
-      }
-    }, {
-      key: "footer",
-      fn: function (ref) {
-        var deleteItem = ref.deleteItem;
-        var addItem = ref.addItem;
-        return [_vm._t("footer", null, null, {
-          deleteItem: deleteItem,
-          addItem: addItem
-        })];
-      }
-    }], null, true)
-  });
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-3c451b58_0", {
-    source: ".or-list-of-inputs--delete-button[data-v-3c451b58]  .or-icon{font-size:.875rem!important}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-3c451b58";
-/* 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);
-var __vue_component__$1 = __vue_component__;
-
-export { __vue_component__$1 as _ };

package/dist/bundled/v2/OrOverflowMenu-b79183c2.js

@@ -1,157 +0,0 @@
-import { defineComponent, ref } from 'vue-demi';
-import { useToggle, onClickOutside } from '@vueuse/core';
-import __vue_component__$2 from './components/OrOverflowMenuItem/OrOverflowMenuItem.js';
-import { O as OrIconButton } from './OrIconButton-84ac04f9.js';
-import { O as OrFloating, a as OrFloatingPlacements } from './OrFloating-fa6e950f.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrOverflowMenu',
-  components: {
-    OrIconButton,
-    OrOverflowMenuItem: __vue_component__$2,
-    OrFloating
-  },
-  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);
-var __vue_component__$1 = __vue_component__;
-
-export { __vue_component__$1 as _ };

package/dist/bundled/v2/OrOverlay-491be882.js

@@ -1,88 +0,0 @@
-import { useScrollLock } from '@vueuse/core';
-import { defineComponent, ref, computed } from 'vue-demi';
-import __vue_component__$1 from './components/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';
-
-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);
-var OrOverlay = __vue_component__;
-
-export { OrOverlay as O };