@onereach/ui-components 20.1.1 → 20.1.3

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

@@ -1,47 +1,159 @@
-import { resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, toDisplayString, createVNode, createTextVNode, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, withModifiers, defineComponent, ref, computed, toRef } from 'vue';
-import { b as te } from '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import { OrFilterPopoverV3 as script$1 } from '../or-filter-popover-v3/index.js';
-import { OrFilterTriggerV3 as script$2 } from '../or-filter-trigger-v3/index.js';
-import '../../dom-CwV-xS38-5babad01.js';
+import { defineComponent, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, toDisplayString, createVNode, createTextVNode, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
+import { t as te, n as ne } from '../OrAutocompleteV3-a5edfe9f.js';
+import { OrButtonV3 as script$1 } from '../or-button-v3/index.js';
+import { OrModalV3 as script$2 } from '../or-modal-v3/index.js';
+import { OrPopoverV3 as script$3, PopoverPlacement } from '../or-popover-v3/index.js';
+import '@vueuse/core';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
 import 'lodash/isElement';
-import '@vueuse/core';
-import '../../OrButton-91f48227.js';
-import '../or-button-v3/index.js';
-import '../../props-bba3dca8.js';
-import '../../constants-57e8b5da.js';
-import '../../OrLoader-4e331586.js';
-import '../or-loader-v3/index.js';
-import '../../OrModal-b06077ec.js';
-import '../or-modal-v3/index.js';
-import '../../OrIconButton-b7d4175c.js';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.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 '../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-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
+import '../or-menu-item-v3/index.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import '../or-tag-v3/index.js';
+import '@floating-ui/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';
 
-const _hoisted_1$1 = {
+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
+    };
+  }
+});
+
+const _hoisted_1 = {
   class: /*#__PURE__*/normalizeClass(['contents'])
 };
-const _hoisted_2$1 = {
+const _hoisted_2 = {
   class: /*#__PURE__*/normalizeClass(['grow', 'truncate'])
 };
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrButton = resolveComponent("OrButton");
   const _component_OrPopover = resolveComponent("OrPopover");
   const _component_OrModal = resolveComponent("OrModal");
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [_ctx.isDesktop ? (openBlock(), createBlock(_component_OrPopover, {
+  return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.isDesktop ? (openBlock(), createBlock(_component_OrPopover, {
     key: 0,
     "is-open": _ctx.state === 'open',
     variant: 'popover',
@@ -56,7 +168,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       class: _ctx.rootStyles
     }), [createElementVNode("div", {
       class: normalizeClass(_ctx.headerStyles)
-    }, [createElementVNode("div", _hoisted_2$1, toDisplayString(_ctx.title), 1 /* TEXT */), createVNode(_component_OrButton, {
+    }, [createElementVNode("div", _hoisted_2, toDisplayString(_ctx.title), 1 /* TEXT */), createVNode(_component_OrButton, {
       variant: 'link',
       onClick: _cache[0] || (_cache[0] = $event => _ctx.reset())
     }, {
@@ -122,104 +234,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["is-open"])) : createCommentVNode("v-if", true)]);
 }
 
-script$1.render = render$1;
-script$1.__file = "src/components/or-filter-popover-v3/OrFilterPopover.vue";
-
-const _hoisted_1 = ["selected", "activated"];
-const _hoisted_2 = {
-  key: 0,
-  class: /*#__PURE__*/normalizeClass(['layout-inline-row', '-m-[12px] md:-m-[8px]'])
-};
-const _hoisted_3 = {
-  class: /*#__PURE__*/normalizeClass(['layout-inline-row', '-m-[4px]'])
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrIcon = resolveComponent("OrIcon");
-  const _component_OrIconButton = resolveComponent("OrIconButton");
-  return openBlock(), createElementBlock("div", {
-    ref: 'root',
-    class: normalizeClass(_ctx.rootStyles),
-    selected: _ctx.isOpen,
-    activated: !!_ctx.value,
-    onClick: _cache[1] || (_cache[1] = e => _ctx.$emit('click', e))
-  }, [createElementVNode("div", {
-    class: normalizeClass(_ctx.labelStyles)
-  }, [createVNode(_component_OrIcon, {
-    class: normalizeClass('icon'),
-    icon: 'filter_list'
-  }), createTextVNode(" " + toDisplayString(_ctx.label), 1 /* TEXT */)], 2 /* CLASS */), _ctx.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", {
-    class: normalizeClass(_ctx.tagStyles)
-  }, [createTextVNode(toDisplayString(_ctx.value) + " ", 1 /* TEXT */), createElementVNode("div", _hoisted_3, [createVNode(_component_OrIconButton, {
-    icon: 'close',
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.reset(), ["stop"]))
-  })])], 2 /* CLASS */)])) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_1);
-}
-
-script$2.render = render;
-script$2.__file = "src/components/or-filter-trigger-v3/OrFilterTrigger.vue";
-
-const Filter = [];
-
-var script = defineComponent({
-  name: 'OrFilter',
-  components: {
-    OrFilterPopover: script$1,
-    OrFilterTrigger: script$2
-  },
-  props: {
-    isOpen: {
-      type: Boolean,
-      default: false
-    },
-    triggerProps: {
-      type: Object,
-      default: () => ({})
-    },
-    popoverProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  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-v3', ...Filter]);
-    const trigger = ref();
-    const triggerRoot = computed(() => {
-      var _a;
-      return (_a = trigger.value) === null || _a === void 0 ? void 0 : _a.root;
-    });
-    const popover = ref();
-    // State
-    const {
-      state,
-      open,
-      close,
-      toggle
-    } = te(toRef(props, 'isOpen'), context.emit);
-    // Methods
-    function apply() {
-      context.emit('apply');
-    }
-    function reset() {
-      context.emit('reset');
-    }
-    return {
-      root,
-      rootStyles,
-      trigger,
-      triggerRoot,
-      popover,
-      state,
-      open,
-      close,
-      toggle,
-      apply,
-      reset
-    };
-  }
-});
+script.render = render;
+script.__file = "src/components/or-filter-popover-v3/OrFilterPopover.vue";
 
-export { script as OrFilterV3 };
+export { script as OrFilterPopoverV3 };

package/dist/{esm-deps → esm}/components/or-filter-trigger-v3/index.js

@@ -1,26 +1,32 @@
-import { defineComponent, ref, computed } from 'vue';
-import '../../OrIcon-cd8db2b5.js';
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, createTextVNode, toDisplayString, withModifiers, createCommentVNode } from 'vue';
 import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
-import '../../OrIconButton-b7d4175c.js';
 import { OrIconButtonV3 as script$2 } from '../or-icon-button-v3/index.js';
-import '../../constants-57e8b5da.js';
-import '../../OrTooltip-62181b78.js';
-import '../or-tooltip-v3/index.js';
-import '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import '../../dom-CwV-xS38-5babad01.js';
+import '../OrAutocompleteV3-a5edfe9f.js';
+import '@vueuse/core';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
 import 'lodash/isElement';
-import '@vueuse/core';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
+import '../or-menu-item-v3/index.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 '@floating-ui/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';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import '../or-button-v3/index.js';
+import '../or-tag-v3/index.js';
 
 const FilterTrigger = [
 // Layout
@@ -106,4 +112,37 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = ["selected", "activated"];
+const _hoisted_2 = {
+  key: 0,
+  class: /*#__PURE__*/normalizeClass(['layout-inline-row', '-m-[12px] md:-m-[8px]'])
+};
+const _hoisted_3 = {
+  class: /*#__PURE__*/normalizeClass(['layout-inline-row', '-m-[4px]'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles),
+    selected: _ctx.isOpen,
+    activated: !!_ctx.value,
+    onClick: _cache[1] || (_cache[1] = e => _ctx.$emit('click', e))
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.labelStyles)
+  }, [createVNode(_component_OrIcon, {
+    class: normalizeClass('icon'),
+    icon: 'filter_list'
+  }), createTextVNode(" " + toDisplayString(_ctx.label), 1 /* TEXT */)], 2 /* CLASS */), _ctx.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", {
+    class: normalizeClass(_ctx.tagStyles)
+  }, [createTextVNode(toDisplayString(_ctx.value) + " ", 1 /* TEXT */), createElementVNode("div", _hoisted_3, [createVNode(_component_OrIconButton, {
+    icon: 'close',
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.reset(), ["stop"]))
+  })])], 2 /* CLASS */)])) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-filter-trigger-v3/OrFilterTrigger.vue";
+
 export { script as OrFilterTriggerV3 };

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

@@ -0,0 +1,128 @@
+import { defineComponent, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { t as te } from '../OrAutocompleteV3-a5edfe9f.js';
+import { OrFilterPopoverV3 as script$1 } from '../or-filter-popover-v3/index.js';
+import { OrFilterTriggerV3 as script$2 } from '../or-filter-trigger-v3/index.js';
+import '@vueuse/core';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
+import 'lodash/get';
+import 'lodash/isElement';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-icon-button-v3/index.js';
+import '../or-icon-v3/index.js';
+import '../or-tooltip-v3/index.js';
+import '../or-popover-v3/index.js';
+import '@floating-ui/dom';
+import '../or-bottom-sheet-v3/index.js';
+import '../or-overlay-v3/index.js';
+import '../or-teleport-v3/index.js';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-e5c2b0c8.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
+import '../or-menu-item-v3/index.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import '../or-button-v3/index.js';
+import '../or-tag-v3/index.js';
+import '../or-modal-v3/index.js';
+
+const Filter = [];
+
+var script = defineComponent({
+  name: 'OrFilter',
+  components: {
+    OrFilterPopover: script$1,
+    OrFilterTrigger: script$2
+  },
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    triggerProps: {
+      type: Object,
+      default: () => ({})
+    },
+    popoverProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  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-v3', ...Filter]);
+    const trigger = ref();
+    const triggerRoot = computed(() => {
+      var _a;
+      return (_a = trigger.value) === null || _a === void 0 ? void 0 : _a.root;
+    });
+    const popover = ref();
+    // State
+    const {
+      state,
+      open,
+      close,
+      toggle
+    } = te(toRef(props, 'isOpen'), context.emit);
+    // Methods
+    function apply() {
+      context.emit('apply');
+    }
+    function reset() {
+      context.emit('reset');
+    }
+    return {
+      root,
+      rootStyles,
+      trigger,
+      triggerRoot,
+      popover,
+      state,
+      open,
+      close,
+      toggle,
+      apply,
+      reset
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrFilterTrigger = resolveComponent("OrFilterTrigger");
+  const _component_OrFilterPopover = resolveComponent("OrFilterPopover");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createVNode(_component_OrFilterTrigger, mergeProps({
+    ref: 'trigger',
+    "is-open": _ctx.state === 'open'
+  }, _ctx.triggerProps, {
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.toggle()),
+    onReset: _cache[1] || (_cache[1] = $event => _ctx.reset())
+  }), null, 16 /* FULL_PROPS */, ["is-open"]), createVNode(_component_OrFilterPopover, mergeProps({
+    ref: 'popover',
+    "is-open": _ctx.state === 'open',
+    trigger: _ctx.triggerRoot
+  }, _ctx.popoverProps, {
+    "onUpdate:state": _cache[2] || (_cache[2] = $event => $event === 'open' ? _ctx.open() : _ctx.close()),
+    onApply: _cache[3] || (_cache[3] = $event => _ctx.apply()),
+    onReset: _cache[4] || (_cache[4] = $event => _ctx.reset())
+  }), {
+    actions: withCtx(props => [renderSlot(_ctx.$slots, 'actions', normalizeProps(guardReactiveProps(props)))]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */, ["is-open", "trigger"])], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-filter-v3/OrFilter.vue";
+
+export { script as OrFilterV3 };

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

@@ -0,0 +1,111 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withDirectives, vShow, createVNode } from 'vue';
+import { OrErrorV3 as script$1 } from '../or-error-v3/index.js';
+import { OrHintV3 as script$2 } from '../or-hint-v3/index.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
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    variant: 'group',
+    invalid: !!_ctx.error,
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["invalid", "required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-form-group-v3/OrFormGroup.vue";
+
+export { FormGroupDirection, script as OrFormGroupV3 };

package/dist/{esm-deps → esm}/components/or-hint-v3/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
 
 const Hint = [
 // Layout
@@ -43,4 +43,20 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = ["disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles),
+    disabled: _ctx.disabled
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.textStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.addonStyles)
+  }, [renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-hint-v3/OrHint.vue";
+
 export { script as OrHintV3 };