@onereach/ui-components 20.1.1 → 20.1.2

package/dist/esm-deps/components/or-error-tag-v3/index.js

@@ -1,37 +0,0 @@
-import { defineComponent, ref, computed } from 'vue';
-import '../../OrIcon-cd8db2b5.js';
-import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
-
-const ErrorTag = [
-// Layout
-'layout-inline-row',
-// Interactivity
-'interactivity-default',
-// Spacing
-'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm+ md:gap-sm',
-// Shape
-'rounded-full',
-// Typography
-'typography-caption-regular whitespace-nowrap',
-// Theme
-'theme-preset-1-error', 'dark:theme-preset-1-error-dark'];
-
-var script = defineComponent({
-  name: 'OrErrorTag',
-  components: {
-    OrIcon: script$1
-  },
-  expose: ['root'],
-  setup() {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-error-tag-v3', ...ErrorTag]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-export { script as OrErrorTagV3 };

package/dist/esm-deps/components/or-fab-v3/index.js

@@ -1,64 +0,0 @@
-import { defineComponent, ref, computed } from 'vue';
-import { i as isVue3 } from '../../constants-57e8b5da.js';
-import '../../OrIcon-cd8db2b5.js';
-import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
-
-var FabColor;
-(function (FabColor) {
-  FabColor["Primary"] = "primary";
-  FabColor["Danger"] = "danger";
-})(FabColor || (FabColor = {}));
-
-const Fab = [
-// Layout
-'layout-inline-row justify-center',
-// Box
-'w-[56px]', 'h-[56px]',
-// Shape
-'rounded-full',
-// Elevation
-'enabled:shadow-button', 'dark:enabled:shadow-button-dark'];
-const FabColors = {
-  'primary': [
-  // Theme
-  'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
-  'danger': [
-  // Theme
-  'theme-preset-1-error', 'dark:theme-preset-1-error-dark']
-};
-
-var script = defineComponent({
-  name: 'OrFab',
-  components: {
-    OrIcon: script$1
-  },
-  props: {
-    icon: {
-      type: [String, Object],
-      required: true
-    },
-    color: {
-      type: String,
-      default: () => FabColor.Primary
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['click', 'focus', 'blur'],
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-fab-v3', ...Fab, ...FabColors[props.color]]);
-    return {
-      root,
-      rootStyles,
-      isVue3
-    };
-  }
-});
-
-export { FabColor, script as OrFabV3 };

package/dist/esm-deps/components/or-filter-popover-v3/index.js

@@ -1,146 +0,0 @@
-import { defineComponent, ref, computed, toRef } from 'vue';
-import { b as te, n as ne } from '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import '../../OrButton-91f48227.js';
-import { OrButtonV3 as script$1 } from '../or-button-v3/index.js';
-import '../../OrModal-b06077ec.js';
-import { OrModalV3 as script$2 } from '../or-modal-v3/index.js';
-import '../../OrPopover-bd078650.js';
-import { OrPopoverV3 as script$3, PopoverPlacement } from '../or-popover-v3/index.js';
-import '../../dom-CwV-xS38-5babad01.js';
-import 'lodash/get';
-import 'lodash/isElement';
-import '@vueuse/core';
-import '../../props-bba3dca8.js';
-import '../../constants-57e8b5da.js';
-import '../../OrLoader-4e331586.js';
-import '../or-loader-v3/index.js';
-import '../../OrIconButton-b7d4175c.js';
-import '../or-icon-button-v3/index.js';
-import '../../OrIcon-cd8db2b5.js';
-import '../or-icon-v3/index.js';
-import '../../OrTooltip-62181b78.js';
-import '../or-tooltip-v3/index.js';
-import '../../extractCssVarName-IHa2pGlF-614fb8d2.js';
-import '@floating-ui/core';
-import '@floating-ui/utils';
-import '@floating-ui/utils/dom';
-import '../or-bottom-sheet-v3/index.js';
-import '../../OrOverlay-d67e7093.js';
-import '../or-overlay-v3/index.js';
-import '../or-teleport-v3/index.js';
-
-const FilterPopover = [
-// Layout
-'layout-column',
-// Box
-'w-auto md:w-[352px]',
-// Spacing
-'px-0 md:px-md', 'py-0 md:py-md', 'gap-md'];
-const FilterPopoverHeader = [
-// Layout
-'layout-row',
-// Spacing
-'gap-md',
-// Typography
-'typography-headline-3'];
-const FilterPopoverFooter = [
-// Layout
-'layout-row-reverse',
-// Spacing
-'gap-md'];
-
-var script = defineComponent({
-  name: 'OrFilterPopover',
-  components: {
-    OrButton: script$1,
-    OrModal: script$2,
-    OrPopover: script$3
-  },
-  inheritAttrs: false,
-  props: {
-    isOpen: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: 'Filters'
-    },
-    applyLabel: {
-      type: String,
-      default: 'View Results'
-    },
-    resetLabel: {
-      type: String,
-      default: 'Reset All'
-    },
-    closeLabel: {
-      type: String,
-      default: 'Close'
-    },
-    trigger: {
-      type: Object,
-      default: undefined
-    },
-    placement: {
-      type: String,
-      default: () => PopoverPlacement.BottomStart
-    },
-    fallbackPlacement: {
-      type: String,
-      default: undefined
-    },
-    enableDesktopControls: {
-      type: Boolean,
-      default: false
-    },
-    offset: {
-      type: [Number, Object, Function],
-      default: 8
-    }
-  },
-  emits: ['update:state', 'open', 'close', 'apply', 'reset'],
-  expose: ['root', 'state', 'open', 'close', 'toggle'],
-  setup(props, context) {
-    // Refs & Styles
-    const root = ref();
-    const rootStyles = computed(() => ['or-filter-popover-v3', ...FilterPopover]);
-    const headerStyles = computed(() => [...FilterPopoverHeader]);
-    const footerStyles = computed(() => [...FilterPopoverFooter]);
-    // State
-    const {
-      state,
-      open,
-      close,
-      toggle
-    } = te(toRef(props, 'isOpen'), context.emit);
-    // Methods
-    function apply() {
-      context.emit('apply');
-    }
-    function reset() {
-      context.emit('reset');
-    }
-    // Helpers
-    const {
-      isDesktop,
-      isMobile
-    } = ne();
-    return {
-      root,
-      rootStyles,
-      headerStyles,
-      footerStyles,
-      state,
-      open,
-      close,
-      toggle,
-      apply,
-      reset,
-      isDesktop,
-      isMobile
-    };
-  }
-});
-
-export { script as OrFilterPopoverV3 };

package/dist/esm-deps/components/or-form-group-v3/index.js

@@ -1,77 +0,0 @@
-import { defineComponent, ref, computed } from 'vue';
-import '../../OrHint-fcdf591c.js';
-import { OrErrorV3 as script$1 } from '../or-error-v3/index.js';
-import { OrHintV3 as script$2 } from '../or-hint-v3/index.js';
-import '../../OrLabel-d50a3ebb.js';
-import { OrLabelV3 as script$3 } from '../or-label-v3/index.js';
-
-var FormGroupDirection;
-(function (FormGroupDirection) {
-  FormGroupDirection["Vertical"] = "vertical";
-  FormGroupDirection["Horizontal"] = "horizontal";
-})(FormGroupDirection || (FormGroupDirection = {}));
-
-const FormGroup = [
-// Layout
-'layout-column',
-// Spacing
-'gap-md md:gap-sm'];
-const FormGroupContent = [
-// Spacing
-'gap-md md:gap-sm'];
-const FormGroupContentDirections = {
-  [FormGroupDirection.Vertical]: [
-  // Layout
-  'layout-column'],
-  [FormGroupDirection.Horizontal]: [
-  // Layout
-  'layout-row']
-};
-
-var script = defineComponent({
-  name: 'OrFormGroup',
-  components: {
-    OrError: script$1,
-    OrHint: script$2,
-    OrLabel: script$3
-  },
-  props: {
-    direction: {
-      type: String,
-      default: () => FormGroupDirection.Vertical
-    },
-    label: {
-      type: String,
-      default: undefined
-    },
-    hint: {
-      type: String,
-      default: undefined
-    },
-    error: {
-      type: [String, Boolean],
-      default: undefined
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    // Refs & Styles
-    const root = ref();
-    const rootStyles = computed(() => ['or-form-group-v3', ...FormGroup]);
-    const contentStyles = computed(() => [...FormGroupContent, ...FormGroupContentDirections[props.direction]]);
-    return {
-      root,
-      rootStyles,
-      contentStyles
-    };
-  }
-});
-
-export { FormGroupDirection, script as OrFormGroupV3 };

package/dist/esm-deps/components/or-inline-input-v3/index.js

@@ -1,220 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, defineComponent, reactive, ref, computed, toRef, watch, nextTick } from 'vue';
-import { K, _, i as ie, r as re } from '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import { InlineInputBoxSize, OrInlineInputBoxV3 as script$5 } from '../or-inline-input-box-v3/index.js';
-import '../../OrHint-fcdf591c.js';
-import { OrErrorV3 as script$2 } from '../or-error-v3/index.js';
-import { OrTextV3 as script$1 } from '../or-text-v3/index.js';
-import { OrHintV3 as script$3 } from '../or-hint-v3/index.js';
-import '../../OrIconButton-b7d4175c.js';
-import { OrIconButtonV3 as script$4 } from '../or-icon-button-v3/index.js';
-import '../../OrInlineInputBox-d9dc104a.js';
-import '../../dom-CwV-xS38-5babad01.js';
-import 'lodash/get';
-import 'lodash/isElement';
-import '@vueuse/core';
-import '../../constants-57e8b5da.js';
-import '../../OrIcon-cd8db2b5.js';
-import '../or-icon-v3/index.js';
-import '../../OrTooltip-62181b78.js';
-import '../or-tooltip-v3/index.js';
-import '../or-popover-v3/index.js';
-import '../../extractCssVarName-IHa2pGlF-614fb8d2.js';
-import '@floating-ui/core';
-import '@floating-ui/utils';
-import '@floating-ui/utils/dom';
-import '../or-bottom-sheet-v3/index.js';
-import '../../OrOverlay-d67e7093.js';
-import '../or-overlay-v3/index.js';
-import '../or-teleport-v3/index.js';
-import '../../OrPopover-bd078650.js';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    ref: 'root',
-    class: normalizeClass(_ctx.rootStyles),
-    onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-  }, [createElementVNode("div", {
-    class: normalizeClass(_ctx.mainTextStyles)
-  }, toDisplayString(_ctx.mainText), 3 /* TEXT, CLASS */), createElementVNode("div", {
-    class: normalizeClass(_ctx.restTextStyles)
-  }, toDisplayString(_ctx.restText), 3 /* TEXT, CLASS */)], 34 /* CLASS, NEED_HYDRATION */);
-}
-
-script$1.render = render;
-script$1.__file = "src/components/or-text-v3/OrText.vue";
-
-const InlineInput = [
-// Layout
-'layout-column',
-// Spacing
-'gap-xs'];
-const InlineInputControl = [
-// Box
-'w-full',
-// Typography
-'typography-inherit',
-// Theme (placeholder)
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
-const InlineInputAction = [
-// Layout
-'layout-inline-row self-start',
-// Spacing
-'gap-sm',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
-const InlineInputActionSizes = {
-  [InlineInputBoxSize.L]: [
-  // Spacing
-  'px-0', 'py-sm'],
-  [InlineInputBoxSize.M]: [
-  // Spacing
-  'px-0', 'py-xs'],
-  [InlineInputBoxSize.S]: [
-  // Spacing
-  'px-0', 'py-xs*']
-};
-
-var InlineInputType;
-(function (InlineInputType) {
-  InlineInputType["Text"] = "text";
-  InlineInputType["Number"] = "number";
-})(InlineInputType || (InlineInputType = {}));
-
-var script = defineComponent({
-  name: 'OrInlineInput',
-  components: {
-    OrError: script$2,
-    OrText: script$1,
-    OrHint: script$3,
-    OrIconButton: script$4,
-    OrInlineInputBox: script$5
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: undefined,
-      default: undefined
-    },
-    type: {
-      type: String,
-      default: () => InlineInputType.Text
-    },
-    size: {
-      type: String,
-      default: () => InlineInputBoxSize.M
-    },
-    placeholder: {
-      type: String,
-      default: undefined
-    },
-    hint: {
-      type: String,
-      default: undefined
-    },
-    error: {
-      type: [String, Boolean],
-      default: undefined
-    },
-    saveOnBlur: {
-      type: Boolean,
-      default: false
-    },
-    sliceIndex: {
-      type: Number,
-      default: 0
-    }
-  },
-  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur', 'apply', 'reset'],
-  expose: ['root', 'apply', 'reset', 'focus', 'blur'],
-  setup(props, context) {
-    const attributes = reactive({
-      id: K(),
-      ..._(),
-      ...ie()
-    });
-    // Refs & Styles
-    const root = ref();
-    const rootStyles = computed(() => ['or-inline-input-v3', ...InlineInput]);
-    const control = ref();
-    const controlStyles = computed(() => [...InlineInputControl]);
-    const actionStyles = computed(() => [...InlineInputAction, ...InlineInputActionSizes[props.size]]);
-    // State
-    const model = re(toRef(props, 'modelValue'), context.emit);
-    const draft = ref(model.value);
-    watch(model, value => {
-      draft.value = value;
-    });
-    const activated = ref(false);
-    const length = computed(() => {
-      var _a, _b;
-      return (_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;
-    });
-    const maxLength = computed(() => {
-      return attributes.maxlength;
-    });
-    // Handlers
-    function onFocus() {
-      activated.value = true;
-    }
-    function onTextClick() {
-      if (!activated.value) {
-        activated.value = true;
-      }
-      nextTick(() => focus());
-    }
-    function onBlur() {
-      if (props.saveOnBlur) {
-        apply();
-      }
-    }
-    // Methods
-    function apply() {
-      if (draft.value !== model.value) {
-        model.value = draft.value;
-      }
-      activated.value = false;
-      nextTick(() => context.emit('apply', model.value));
-    }
-    function reset() {
-      if (draft.value !== model.value) {
-        draft.value = model.value;
-      }
-      activated.value = false;
-      nextTick(() => context.emit('reset', model.value));
-    }
-    function focus() {
-      var _a;
-      (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    function blur() {
-      var _a;
-      (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
-    }
-    return {
-      attributes,
-      root,
-      rootStyles,
-      control,
-      controlStyles,
-      actionStyles,
-      model,
-      draft,
-      activated,
-      length,
-      maxLength,
-      onFocus,
-      onBlur,
-      onTextClick,
-      apply,
-      reset,
-      focus,
-      blur
-    };
-  }
-});
-
-export { InlineInputType, script as OrInlineInputV3 };