@onereach/ui-components 20.1.1 → 20.1.2

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

@@ -1,19 +1,32 @@
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createCommentVNode } from 'vue';
 import { useElementHover } from '@vueuse/core';
-import { defineComponent, ref, computed, watch } from 'vue';
-import { b as te } from '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import '../../OrPopover-bd078650.js';
+import { t as te } from '../OrAutocompleteV3-8c6de221.js';
 import { OrPopoverV3 as script$1, PopoverPlacement } from '../or-popover-v3/index.js';
-import '../../dom-CwV-xS38-5babad01.js';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
 import 'lodash/isElement';
-import '../../extractCssVarName-IHa2pGlF-614fb8d2.js';
-import '@floating-ui/core';
-import '@floating-ui/utils';
-import '@floating-ui/utils/dom';
+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-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-061441a3.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 '@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 '../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 RichTooltip = [
 // Layout
@@ -126,4 +139,40 @@ var script = defineComponent({
   }
 });
 
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrPopover = resolveComponent("OrPopover");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles),
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.behavior === 'click' && _ctx.toggle())
+  }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots['header'] || _ctx.$slots['content'] || _ctx.$slots['footer'] ? (openBlock(), createBlock(_component_OrPopover, {
+    key: 0,
+    ref: 'popover',
+    class: normalizeClass(_ctx.popoverStyles),
+    "custom-styles": _ctx.popoverStyles,
+    "is-open": _ctx.state === 'open',
+    variant: 'popover',
+    trigger: _ctx.root,
+    placement: _ctx.placement,
+    offset: _ctx.offset,
+    "disable-default-styles": true,
+    "onUpdate:state": _cache[0] || (_cache[0] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
+  }, {
+    default: withCtx(() => [_ctx.$slots['header'] ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.headerStyles)
+    }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.$slots['content'] ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: normalizeClass(_ctx.contentStyles)
+    }, [renderSlot(_ctx.$slots, "content")], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.$slots['footer'] ? (openBlock(), createElementBlock("div", {
+      key: 2,
+      class: normalizeClass(_ctx.footerStyles)
+    }, [renderSlot(_ctx.$slots, "footer")], 2 /* CLASS */)) : createCommentVNode("v-if", true)]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class", "custom-styles", "is-open", "trigger", "placement", "offset"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-rich-tooltip-v3/OrRichTooltip.vue";
+
 export { script as OrRichTooltipV3, RichTooltipBehavior };

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

@@ -1,39 +1,32 @@
+import { defineComponent, reactive, ref, computed, toRef, watch, resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 import { watchDebounced } from '@vueuse/core';
-import { defineComponent, reactive, ref, computed, toRef, watch } from 'vue';
-import { K, _, i as ie, r as re } from '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import '../../OrInput-4fcaf87c.js';
+import { K, _, c as ie, r as re } from '../OrAutocompleteV3-8c6de221.js';
 import { OrInputV3 as script$1 } from '../or-input-v3/index.js';
-import { a as InputBoxVariant } from '../../types-98e9a758.js';
-import '../../dom-CwV-xS38-5babad01.js';
+import { InputBoxVariant } from '../or-input-box-v3/index.js';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
 import 'lodash/isElement';
-import '../../style-inject.es-87955792.js';
-import '../../OrHint-fcdf591c.js';
 import '../or-error-v3/index.js';
 import '../or-hint-v3/index.js';
-import '../../OrIcon-cd8db2b5.js';
-import '../or-icon-v3/index.js';
-import '../../OrIconButton-b7d4175c.js';
 import '../or-icon-button-v3/index.js';
-import '../../constants-57e8b5da.js';
-import '../../OrTooltip-62181b78.js';
+import '../or-icon-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 '../../OrInputBox-e79531c2.js';
-import '../or-input-box-v3/index.js';
-import '../../OrLabel-d50a3ebb.js';
+import '../OrInlineInputV3-061441a3.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
 import '../or-label-v3/index.js';
-import '../../OrLoader-4e331586.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';
 
 var script = defineComponent({
   name: 'OrSearch',
@@ -122,4 +115,27 @@ var script = defineComponent({
   }
 });
 
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrInput = resolveComponent("OrInput");
+  return openBlock(), createBlock(_component_OrInput, mergeProps({
+    ref: 'root'
+  }, _ctx.controlAttributes, {
+    modelValue: _ctx.draft,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draft = $event),
+    class: _ctx.rootStyles,
+    type: 'search',
+    variant: _ctx.variant,
+    size: _ctx.size,
+    placeholder: _ctx.placeholder,
+    onInput: _cache[1] || (_cache[1] = $event => _ctx.$emit('input', $event)),
+    onKeydown: _cache[2] || (_cache[2] = $event => _ctx.$emit('keydown', $event)),
+    onKeyup: _cache[3] || (_cache[3] = $event => _ctx.$emit('keyup', $event)),
+    onFocus: _cache[4] || (_cache[4] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[5] || (_cache[5] = $event => _ctx.$emit('blur', $event))
+  }), null, 16 /* FULL_PROPS */, ["modelValue", "class", "variant", "size", "placeholder"]);
+}
+
+script.render = render;
+script.__file = "src/components/or-search-v3/OrSearch.vue";
+
 export { script as OrSearchV3 };

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

@@ -1,9 +1,32 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toRef } from 'vue';
-import { r as re } from '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import '../../dom-CwV-xS38-5babad01.js';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toRef, resolveComponent, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { r as re } from '../OrAutocompleteV3-8c6de221.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-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-061441a3.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';
 
 const SegmentedControlItemRoot = [
 // Layout
@@ -71,7 +94,7 @@ const _hoisted_1 = ["selected", "disabled"];
 const _hoisted_2 = {
   class: /*#__PURE__*/normalizeClass(['truncate'])
 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
@@ -81,7 +104,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 
-script$1.render = render;
+script$1.render = render$1;
 script$1.__file = "src/components/or-segmented-control-v3/partials/or-segmented-control-item/OrSegmentedControlItem.vue";
 
 var SegmentedControlSize;
@@ -148,4 +171,26 @@ var script = defineComponent({
   }
 });
 
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrSegmentedControlItem = resolveComponent("OrSegmentedControlItem");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
+    return openBlock(), createBlock(_component_OrSegmentedControlItem, {
+      key: option.value,
+      size: _ctx.size,
+      selected: option.value === _ctx.proxyModelValue,
+      disabled: _ctx.disabled,
+      onClick: withModifiers($event => _ctx.proxyModelValue = option.value, ["stop"])
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)]),
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["size", "selected", "disabled", "onClick"]);
+  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-segmented-control-v3/OrSegmentedControl.vue";
+
 export { script as OrSegmentedControlV3, SegmentedControlSize };