@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2083.0

package/dist/bundled/v3/components/OrTabs/OrTabs.js

@@ -1,80 +1,47 @@
-import { s as script } from '../../OrTabs.vue_vue_type_script_lang-af79a4fc.js';
-export { s as default } from '../../OrTabs.vue_vue_type_script_lang-af79a4fc.js';
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
-import '@vueuse/core';
+import { s as script } from '../../OrTabs.vue_vue_type_script_lang-06a89286.js';
+export { s as default } from '../../OrTabs.vue_vue_type_script_lang-06a89286.js';
+import { resolveComponent, openBlock, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, mergeProps, normalizeStyle, renderSlot } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import '../../useClassAttribute-47fdb016.js';
-import '../OrMenu/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-46ecf85f.js';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
-import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import '../../useElevation-31bfe1f6.js';
-import '../../useResponsive-a02e95b7.js';
-import '../OrMenuItem/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-eb21950f.js';
-import '../OrTab/OrTab.js';
-import '../../OrTab.vue_vue_type_script_lang-20595913.js';
+import '../OrTabHeaderItem/OrTabHeaderItem.js';
+import '../../OrTabHeaderItem.vue_vue_type_script_lang-0a67721f.js';
+import 'lodash';
 
+const _hoisted_1 = {
+  class: "or-tabs"
+};
+const _hoisted_2 = {
+  class: "or-tabs--header"
+};
+const _hoisted_3 = {
+  class: "or-tabs--tabs"
+};
+const _hoisted_4 = {
+  class: "or-tabs--body"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrTab = resolveComponent("OrTab");
-  const _component_OrIcon = resolveComponent("OrIcon");
-  const _component_OrMenuItem = resolveComponent("OrMenuItem");
-  const _component_OrMenu = resolveComponent("OrMenu");
-  return openBlock(), createElementBlock("div", null, [createElementVNode("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.rootStyles
-  }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs.normal, tab => {
-    return openBlock(), createBlock(_component_OrTab, {
-      key: tab.value,
-      selected: tab.value === _ctx.proxyModelValue,
-      onClick: withModifiers($event => _ctx.proxyModelValue = tab.value, ["stop"])
-    }, {
-      default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),
-
-      _: 2 /* DYNAMIC */
-    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
-  }), 128 /* KEYED_FRAGMENT */)), _ctx.tabs.hidden.length > 0 ? (openBlock(), createElementBlock(Fragment, {
-    key: 0
-  }, [createVNode(_component_OrTab, {
-    ref: "overflowTab",
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.overflowMenu.open(), ["stop"]))
-  }, {
-    default: withCtx(() => [createVNode(_component_OrIcon, {
-      icon: 'more_horiz',
-      variant: 'filled-bold'
-    })]),
-    _: 1 /* STABLE */
-  }, 512 /* NEED_PATCH */), createVNode(_component_OrMenu, {
-    ref: "overflowMenu",
-    trigger: _ctx.overflowTabRoot
-  }, {
-    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs.hidden, tab => {
-      return openBlock(), createBlock(_component_OrMenuItem, {
-        key: tab.value,
-        onClick: withModifiers($event => {
-          _ctx.proxyModelValue = tab.value;
-          _ctx.overflowMenu.close();
-        }, ["stop"])
-      }, {
-        default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),
-
-        _: 2 /* DYNAMIC */
-      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
-    }), 128 /* KEYED_FRAGMENT */))]),
-
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))]);
+  const _component_or_tab_header_item = resolveComponent("or-tab-header-item");
+  return openBlock(), createElementBlock("div", _hoisted_1, [createCommentVNode("  Header  "), createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab, index) => {
+    return openBlock(), createBlock(_component_or_tab_header_item, mergeProps({
+      key: index
+    }, tab.$props, {
+      "is-active": index === _ctx.activeIndex,
+      role: "tab",
+      onClick: $event => _ctx.changeActiveIndex(index),
+      onSelect: $event => _ctx.onSelect($event, index)
+    }), null, 16 /* FULL_PROPS */, ["is-active", "onClick", "onSelect"]);
+  }), 128 /* KEYED_FRAGMENT */))]), createElementVNode("div", {
+    style: normalizeStyle({
+      width: `${_ctx.indicatorWidth}px`,
+      transform: `translateX(${_ctx.indicatorTransformX}px)`
+    }),
+    class: "or-tabs--indicator"
+  }, null, 4 /* STYLE */)]), createCommentVNode("  Body  "), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "body")])])]);
 }
 
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-6825dcf8 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-6825dcf8 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-tabs[data-v-6825dcf8] {\n  width: 100%;\n  overflow: hidden;\n}\n.or-tabs--header[data-v-6825dcf8] {\n  position: relative;\n  padding: 0 var(--s-4) var(--s-3);\n  border-bottom: 1px solid var(--c-neutral-2);\n}\n.or-tabs--tabs[data-v-6825dcf8] {\n  display: flex;\n  width: 100%;\n}\n.or-tabs--indicator[data-v-6825dcf8] {\n  position: absolute;\n  bottom: -1px;\n  left: 0;\n  z-index: 1;\n  width: auto;\n  height: 0.125rem;\n  background-color: var(--c-neutral-6);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: transform, width;\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-tabs-v3/OrTabs.vue";
+script.__scopeId = "data-v-6825dcf8";
+script.__file = "src/components/or-tabs/OrTabs.vue";

package/dist/bundled/v3/components/OrTabsV3/OrTabsV3.js

@@ -0,0 +1,80 @@
+import { s as script } from '../../OrTabs.vue_vue_type_script_lang-625ffb79.js';
+export { s as default } from '../../OrTabs.vue_vue_type_script_lang-625ffb79.js';
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
+import '@vueuse/core';
+import 'vue-demi';
+import '../OrIconV3/OrIconV3.js';
+import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../OrMenuV3/OrMenuV3.js';
+import '../../OrMenu.vue_vue_type_script_lang-0f9a9e75.js';
+import '../OrPopoverV3/OrPopoverV3.js';
+import '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
+import '../OrMenuItemV3/OrMenuItemV3.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-1ec589a5.js';
+import '../OrTabV3/OrTabV3.js';
+import '../../OrTab.vue_vue_type_script_lang-20595913.js';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrTab = resolveComponent("OrTab");
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrMenuItem = resolveComponent("OrMenuItem");
+  const _component_OrMenu = resolveComponent("OrMenu");
+  return openBlock(), createElementBlock("div", null, [createElementVNode("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs.normal, tab => {
+    return openBlock(), createBlock(_component_OrTab, {
+      key: tab.value,
+      selected: tab.value === _ctx.proxyModelValue,
+      onClick: withModifiers($event => _ctx.proxyModelValue = tab.value, ["stop"])
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),
+
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
+  }), 128 /* KEYED_FRAGMENT */)), _ctx.tabs.hidden.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [createVNode(_component_OrTab, {
+    ref: "overflowTab",
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.overflowMenu.open(), ["stop"]))
+  }, {
+    default: withCtx(() => [createVNode(_component_OrIcon, {
+      icon: 'more_horiz',
+      variant: 'filled-bold'
+    })]),
+    _: 1 /* STABLE */
+  }, 512 /* NEED_PATCH */), createVNode(_component_OrMenu, {
+    ref: "overflowMenu",
+    trigger: _ctx.overflowTabRoot
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs.hidden, tab => {
+      return openBlock(), createBlock(_component_OrMenuItem, {
+        key: tab.value,
+        onClick: withModifiers($event => {
+          _ctx.proxyModelValue = tab.value;
+          _ctx.overflowMenu.close();
+        }, ["stop"])
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),
+
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))]);
+}
+
+script.render = render;
+script.__file = "src/components/or-tabs-v3/OrTabs.vue";

package/dist/bundled/v3/components/OrTabsV3/index.js

@@ -1,24 +1,24 @@
-export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs.vue_vue_type_script_lang-af79a4fc.js';
+export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs.vue_vue_type_script_lang-625ffb79.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../OrIcon/OrIcon.js';
+import '../OrIconV3/OrIconV3.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';
-import '../OrMenu/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-46ecf85f.js';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import '../OrMenuV3/OrMenuV3.js';
+import '../../OrMenu.vue_vue_type_script_lang-0f9a9e75.js';
+import '../OrPopoverV3/OrPopoverV3.js';
+import '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
-import '../OrMenuItem/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-eb21950f.js';
-import '../OrTab/OrTab.js';
+import '../OrMenuItemV3/OrMenuItemV3.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-1ec589a5.js';
+import '../OrTabV3/OrTabV3.js';
 import '../../OrTab.vue_vue_type_script_lang-20595913.js';

package/dist/bundled/v3/components/OrTag/OrTag.js

@@ -1,48 +1,44 @@
-import { s as script } from '../../OrTag.vue_vue_type_script_lang-24e4ef85.js';
-export { s as default } from '../../OrTag.vue_vue_type_script_lang-24e4ef85.js';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, normalizeClass, withModifiers, createCommentVNode } from 'vue';
+import { s as script } from '../../OrTag.vue_vue_type_script_lang-74173e5c.js';
+export { s as default } from '../../OrTag.vue_vue_type_script_lang-74173e5c.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import '../OrIconButton/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
+import '../../color-1f348774.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import '../../useClassAttribute-47fdb016.js';
-import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-f5885526.js';
-import '@vueuse/core';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
+import 'lodash';
+import '../../px-to-rem-0b26b83e.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import '../../useElevation-31bfe1f6.js';
-import '../../useResponsive-a02e95b7.js';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../../constants-b4c183aa.js';
+import '../../dom-28f5f62a.js';
 
-const _hoisted_1 = ["tabindex", "disabled"];
+const _hoisted_1 = {
+  class: "or-tag-text"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrIconButton = resolveComponent("OrIconButton");
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.rootStyles,
-    tabindex: !_ctx.disabled && _ctx.variant === 'button' ? 0 : null,
-    disabled: _ctx.disabled ? '' : null,
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
-    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
-    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
-  }), [renderSlot(_ctx.$slots, "default"), _ctx.variant === 'reset' ? (openBlock(), createBlock(_component_OrIconButton, {
+  const _component_or_icon = resolveComponent("or-icon");
+  return openBlock(), createElementBlock("span", {
+    class: normalizeClass(["or-tag", _ctx.rootClasses]),
+    style: normalizeStyle(_ctx.rootStyles)
+  }, [createVNode(_component_or_icon, {
+    class: "or-tag-dot",
+    icon: "fiber_manual_record"
+  }), createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.content), 1 /* TEXT */)])]), _ctx.canDelete ? (openBlock(), createElementBlock("span", {
     key: 0,
-    class: normalizeClass(['-m-xs', 'ml-none']),
-    icon: 'close',
-    color: !_ctx.custom ? _ctx.color : 'inherit',
-    disabled: _ctx.disabled,
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('reset'), ["stop"]))
-  }, null, 8 /* PROPS */, ["color", "disabled"])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
+    class: "or-tag-button",
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleDeleteClick && _ctx.handleDeleteClick(...args))
+  }, [createVNode(_component_or_icon, {
+    icon: "close"
+  })])) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
 }
 
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-4d586ef0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-4d586ef0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-tag[data-v-4d586ef0] {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--s-1);\n  max-width: 100%;\n  padding: 0.28125rem 0.4375rem 0.28125rem 0.25rem;\n  overflow: hidden;\n  font-size: var(--fs-0);\n  line-height: var(--lh-0);\n  border-radius: 0.71875rem;\n}\n.or-tag.disabled[data-v-4d586ef0] {\n  opacity: 0.75;\n}\n.or-tag.disabled .or-tag-button[data-v-4d586ef0] {\n  cursor: inherit;\n}\n.or-tag-text[data-v-4d586ef0] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--fs-0);\n  line-height: 0.875rem;\n}\n.or-tag-button[data-v-4d586ef0] {\n  display: flex;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.or-tag[data-v-4d586ef0] .or-icon {\n  font-size: var(--fs-1);\n  transition: none;\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-tag-v3/OrTag.vue";
+script.__scopeId = "data-v-4d586ef0";
+script.__file = "src/components/or-tag/OrTag.vue";

package/dist/bundled/v3/components/OrTag/index.js

@@ -1,16 +1,16 @@
-export { s as OrTag } from '../../OrTag.vue_vue_type_script_lang-688bd067.js';
+export { s as OrTag } from '../../OrTag.vue_vue_type_script_lang-74173e5c.js';
 import 'vue-demi';
 import '../../color-1f348774.js';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';

package/dist/bundled/v3/components/OrTagV3/OrTagV3.js

@@ -0,0 +1,48 @@
+import { s as script } from '../../OrTag.vue_vue_type_script_lang-a97805af.js';
+export { s as default } from '../../OrTag.vue_vue_type_script_lang-a97805af.js';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, normalizeClass, withModifiers, createCommentVNode } from 'vue';
+import 'vue-demi';
+import '../OrIconButtonV3/OrIconButtonV3.js';
+import '../../OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
+import '../OrIconV3/OrIconV3.js';
+import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../OrTooltipV3/OrTooltipV3.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4595c67d.js';
+import '@vueuse/core';
+import '../OrPopoverV3/OrPopoverV3.js';
+import '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
+
+const _hoisted_1 = ["tabindex", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles,
+    tabindex: !_ctx.disabled && _ctx.variant === 'button' ? 0 : null,
+    disabled: _ctx.disabled ? '' : null,
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
+  }), [renderSlot(_ctx.$slots, "default"), _ctx.variant === 'reset' ? (openBlock(), createBlock(_component_OrIconButton, {
+    key: 0,
+    class: normalizeClass(['-m-xs', 'ml-none']),
+    icon: 'close',
+    color: !_ctx.custom ? _ctx.color : 'inherit',
+    disabled: _ctx.disabled,
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('reset'), ["stop"]))
+  }, null, 8 /* PROPS */, ["color", "disabled"])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-tag-v3/OrTag.vue";

package/dist/bundled/v3/components/OrTagV3/index.js

@@ -1,22 +1,22 @@
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag.vue_vue_type_script_lang-24e4ef85.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag.vue_vue_type_script_lang-a97805af.js';
 import 'vue-demi';
-import '../OrIconButton/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
-import '../OrIcon/OrIcon.js';
+import '../OrIconButtonV3/OrIconButtonV3.js';
+import '../../OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
+import '../OrIconV3/OrIconV3.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';
-import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-f5885526.js';
+import '../OrTooltipV3/OrTooltipV3.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4595c67d.js';
 import '@vueuse/core';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import '../OrPopoverV3/OrPopoverV3.js';
+import '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';