@onereach/ui-components 23.2.0-beta.5525.0 → 23.2.1-beta.5569.0

package/dist/esm/{OrFilterPopover-CRKOc1lA.mjs → OrFilterPopover-C8lXb-hJ.mjs}

@@ -1,9 +1,9 @@
-import { usePopoverState as L, useResponsive as N } from "@onereach/ui-components-common/hooks";
-import { O as R } from "./OrButton-C_hXddAf.mjs";
-import { O as V } from "./OrModal-BF11V1pr.mjs";
-import { O as j, a as z } from "./OrPopover-CJCFana0.mjs";
+import { defineComponent as L, ref as N, computed as y, toRef as R, resolveComponent as v, openBlock as d, createElementBlock as P, createBlock as $, withCtx as s, createElementVNode as p, mergeProps as c, normalizeClass as r, toDisplayString as a, createVNode as i, createTextVNode as n, renderSlot as f, normalizeProps as C, guardReactiveProps as w, createCommentVNode as g } from "vue";
+import { usePopoverState as V, useResponsive as j } from "@onereach/ui-components-common/hooks";
+import { O as z } from "./OrButton-C_hXddAf.mjs";
+import { O as A } from "./OrModal-CQhwUYFk.mjs";
+import { O as E, a as U } from "./OrPopover-DbygLPtT.mjs";
 import "@onereach/ui-components-common/utils";
-import { defineComponent as A, ref as E, computed as y, toRef as U, resolveComponent as v, openBlock as i, createElementBlock as P, createBlock as $, withCtx as s, createElementVNode as n, mergeProps as c, normalizeClass as f, toDisplayString as l, createVNode as p, createTextVNode as a, renderSlot as d, normalizeProps as C, guardReactiveProps as w, createCommentVNode as g } from "vue";
 import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const T = [
   // Layout
@@ -26,12 +26,12 @@ const T = [
   "layout-row-reverse",
   // Spacing
   "gap-md"
-], I = A({
+], I = L({
   name: "OrFilterPopover",
   components: {
-    OrButton: R,
-    OrModal: V,
-    OrPopover: j
+    OrButton: z,
+    OrModal: A,
+    OrPopover: E
   },
   inheritAttrs: !1,
   props: {
@@ -61,7 +61,7 @@ const T = [
     },
     placement: {
       type: String,
-      default: () => z.BottomStart
+      default: () => U.BottomStart
     },
     fallbackPlacement: {
       type: String,
@@ -91,27 +91,27 @@ const T = [
     "toggle"
   ],
   setup(e, o) {
-    const k = E(), b = y(() => [
+    const k = N(), b = y(() => [
       "or-filter-popover-v3",
       ...T
     ]), O = y(() => [
       ...q
     ]), S = y(() => [
       ...G
-    ]), { state: r, open: m, close: u, toggle: t } = L(U(e, "isOpen"), o.emit);
+    ]), { state: l, open: m, close: u, toggle: t } = V(R(e, "isOpen"), o.emit);
     function B() {
       o.emit("apply");
     }
     function D() {
       o.emit("reset");
     }
-    const { isDesktop: M, isMobile: F } = N();
+    const { isDesktop: M, isMobile: F } = j();
     return {
       root: k,
       rootStyles: b,
       headerStyles: O,
       footerStyles: S,
-      state: r,
+      state: l,
       open: m,
       close: u,
       toggle: t,
@@ -122,12 +122,14 @@ const T = [
     };
   }
 }), J = {
-  class: /* @__PURE__ */ f(["contents"])
-}, K = { class: "grow truncate" };
+  class: /* @__PURE__ */ r(["contents"])
+}, K = {
+  class: /* @__PURE__ */ r(["grow", "truncate"])
+};
 function Q(e, o, k, b, O, S) {
-  const r = v("OrButton"), m = v("OrPopover"), u = v("OrModal");
-  return i(), P("div", J, [
-    e.isDesktop ? (i(), $(m, {
+  const l = v("OrButton"), m = v("OrPopover"), u = v("OrModal");
+  return d(), P("div", J, [
+    e.isDesktop ? (d(), $(m, {
       key: 0,
       "is-open": e.state === "open",
       variant: "popover",
@@ -138,47 +140,47 @@ function Q(e, o, k, b, O, S) {
       "onUpdate:state": o[3] || (o[3] = (t) => t === "open" ? e.open() : e.close())
     }, {
       default: s(() => [
-        n("div", c(e.$attrs, {
+        p("div", c(e.$attrs, {
           ref: "root",
           class: e.rootStyles
         }), [
-          n("div", {
-            class: f(e.headerStyles)
+          p("div", {
+            class: r(e.headerStyles)
           }, [
-            n("div", K, l(e.title), 1),
-            p(r, {
+            p("div", K, a(e.title), 1),
+            i(l, {
               variant: "link",
               onClick: o[0] || (o[0] = (t) => e.reset())
             }, {
               default: s(() => [
-                a(l(e.resetLabel), 1)
+                n(a(e.resetLabel), 1)
               ]),
               _: 1
             })
           ], 2),
-          d(e.$slots, "default"),
-          d(e.$slots, "actions", C(w({ apply: e.apply, reset: e.reset, isDesktop: e.isDesktop, isMobile: e.isMobile })), () => [
-            e.enableDesktopControls ? (i(), P("div", {
+          f(e.$slots, "default"),
+          f(e.$slots, "actions", C(w({ apply: e.apply, reset: e.reset, isDesktop: e.isDesktop, isMobile: e.isMobile })), () => [
+            e.enableDesktopControls ? (d(), P("div", {
               key: 0,
-              class: f(e.footerStyles)
+              class: r(e.footerStyles)
             }, [
-              p(r, {
-                class: "grow",
+              i(l, {
+                class: r(["grow"]),
                 variant: "contained",
                 onClick: o[1] || (o[1] = (t) => e.apply())
               }, {
                 default: s(() => [
-                  a(l(e.applyLabel), 1)
+                  n(a(e.applyLabel), 1)
                 ]),
                 _: 1
               }),
-              p(r, {
-                class: "grow",
+              i(l, {
+                class: r(["grow"]),
                 variant: "outlined",
                 onClick: o[2] || (o[2] = (t) => e.close())
               }, {
                 default: s(() => [
-                  a(l(e.closeLabel), 1)
+                  n(a(e.closeLabel), 1)
                 ]),
                 _: 1
               })
@@ -188,36 +190,36 @@ function Q(e, o, k, b, O, S) {
       ]),
       _: 3
     }, 8, ["is-open", "trigger", "placement", "fallback-placement", "offset"])) : g("", !0),
-    e.isMobile ? (i(), $(u, {
+    e.isMobile ? (d(), $(u, {
       key: 1,
       "is-open": e.state === "open",
       "onUpdate:state": o[6] || (o[6] = (t) => t === "open" ? e.open() : e.close())
     }, {
       header: s(() => [
-        a(l(e.title), 1)
+        n(a(e.title), 1)
       ]),
       footer: s(() => [
-        d(e.$slots, "actions", C(w({ apply: e.apply, reset: e.reset, isDesktop: e.isDesktop, isMobile: e.isMobile })), () => [
-          n("div", {
-            class: f(e.footerStyles)
+        f(e.$slots, "actions", C(w({ apply: e.apply, reset: e.reset, isDesktop: e.isDesktop, isMobile: e.isMobile })), () => [
+          p("div", {
+            class: r(e.footerStyles)
           }, [
-            p(r, {
-              class: "grow",
+            i(l, {
+              class: r(["grow"]),
               variant: "contained",
               onClick: o[4] || (o[4] = (t) => e.apply())
             }, {
               default: s(() => [
-                a(l(e.applyLabel), 1)
+                n(a(e.applyLabel), 1)
               ]),
               _: 1
             }),
-            p(r, {
-              class: "grow",
+            i(l, {
+              class: r(["grow"]),
               variant: "outlined",
               onClick: o[5] || (o[5] = (t) => e.reset())
             }, {
               default: s(() => [
-                a(l(e.resetLabel), 1)
+                n(a(e.resetLabel), 1)
               ]),
               _: 1
             })
@@ -225,11 +227,11 @@ function Q(e, o, k, b, O, S) {
         ])
       ]),
       default: s(() => [
-        n("div", c(e.$attrs, {
+        p("div", c(e.$attrs, {
           ref: "root",
           class: e.rootStyles
         }), [
-          d(e.$slots, "default")
+          f(e.$slots, "default")
         ], 16)
       ]),
       _: 3
@@ -240,4 +242,4 @@ const ee = /* @__PURE__ */ H(I, [["render", Q]]);
 export {
   ee as O
 };
-//# sourceMappingURL=OrFilterPopover-CRKOc1lA.mjs.map
+//# sourceMappingURL=OrFilterPopover-C8lXb-hJ.mjs.map

package/dist/esm/OrFilterPopover-C8lXb-hJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrFilterPopover-C8lXb-hJ.mjs","sources":["../../../components/or-filter-popover-v3/src/styles.ts","../../../components/or-filter-popover-v3/src/OrFilterPopover.vue"],"sourcesContent":["export const FilterPopover: string[] = [\n  // Layout\n  'layout-column',\n\n  // Box\n  'w-auto md:w-[352px]',\n\n  // Spacing\n  'px-0 md:px-md',\n  'py-0 md:py-md',\n\n  'gap-md',\n];\n\nexport const FilterPopoverHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-md',\n\n  // Typography\n  'typography-headline-3',\n];\n\nexport const FilterPopoverFooter: string[] = [\n  // Layout\n  'layout-row-reverse',\n\n  // Spacing\n  'gap-md',\n];\n","<template>\n  <div :class=\"['contents']\">\n    <template v-if=\"isDesktop\">\n      <OrPopover\n        :is-open=\"state === 'open'\"\n        :variant=\"'popover'\"\n        :trigger=\"trigger\"\n        :placement=\"placement\"\n        :fallback-placement=\"fallbackPlacement\"\n        :offset=\"offset\"\n        @update:state=\"$event === 'open' ? open() : close()\"\n      >\n        <div\n          v-bind=\"$attrs\"\n          :ref=\"'root'\"\n          :class=\"rootStyles\"\n        >\n          <div :class=\"headerStyles\">\n            <div :class=\"['grow', 'truncate']\">\n              {{ title }}\n            </div>\n\n            <OrButton\n              :variant=\"'link'\"\n              @click=\"reset()\"\n            >\n              {{ resetLabel }}\n            </OrButton>\n          </div>\n\n          <slot />\n\n          <slot\n            v-bind=\"{ apply, reset, isDesktop, isMobile }\"\n            :name=\"'actions'\"\n          >\n            <div\n              v-if=\"enableDesktopControls\"\n              :class=\"footerStyles\"\n            >\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'contained'\"\n                @click=\"apply()\"\n              >\n                {{ applyLabel }}\n              </OrButton>\n\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'outlined'\"\n                @click=\"close()\"\n              >\n                {{ closeLabel }}\n              </OrButton>\n            </div>\n          </slot>\n        </div>\n      </OrPopover>\n    </template>\n\n    <template v-if=\"isMobile\">\n      <OrModal\n        :is-open=\"state === 'open'\"\n        @update:state=\"$event === 'open' ? open() : close()\"\n      >\n        <template v-slot:header>\n          {{ title }}\n        </template>\n\n        <div\n          v-bind=\"$attrs\"\n          :ref=\"'root'\"\n          :class=\"rootStyles\"\n        >\n          <slot />\n        </div>\n\n        <template v-slot:footer>\n          <slot\n            v-bind=\"{ apply, reset, isDesktop, isMobile }\"\n            :name=\"'actions'\"\n          >\n            <div :class=\"footerStyles\">\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'contained'\"\n                @click=\"apply()\"\n              >\n                {{ applyLabel }}\n              </OrButton>\n\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'outlined'\"\n                @click=\"reset()\"\n              >\n                {{ resetLabel }}\n              </OrButton>\n            </div>\n          </slot>\n        </template>\n      </OrModal>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { FlipOptions, ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrModalV3 as OrModal } from '@onereach/ui-components.or-modal-v3';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilterPopover',\n\n  components: {\n    OrButton,\n    OrModal,\n    OrPopover,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    title: {\n      type: String,\n      default: 'Filters',\n    },\n\n    applyLabel: {\n      type: String,\n      default: 'View Results',\n    },\n\n    resetLabel: {\n      type: String,\n      default: 'Reset All',\n    },\n\n    closeLabel: {\n      type: String,\n      default: 'Close',\n    },\n\n    trigger: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.BottomStart,\n    },\n\n    fallbackPlacement: {\n      type: String as PropType<FlipOptions['fallbackAxisSideDirection']>,\n      default: undefined,\n    },\n\n    enableDesktopControls: {\n      type: Boolean,\n      default: false,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-filter-popover-v3',\n      ...Styles.FilterPopover,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.FilterPopoverHeader,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...Styles.FilterPopoverFooter,\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Methods\n    function apply(): void {\n      context.emit('apply');\n    }\n\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      headerStyles,\n      footerStyles,\n\n      state,\n\n      open,\n      close,\n      toggle,\n\n      apply,\n      reset,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["FilterPopover","FilterPopoverHeader","FilterPopoverFooter","_sfc_main","defineComponent","OrButton","OrModal","OrPopover","PopoverPlacement","props","context","root","ref","rootStyles","computed","Styles.FilterPopover","headerStyles","Styles.FilterPopoverHeader","footerStyles","Styles.FilterPopoverFooter","state","open","close","toggle","usePopoverState","toRef","apply","reset","isDesktop","isMobile","useResponsive","_component_OrModal","_resolveComponent","_createElementBlock","_hoisted_1","_ctx","_openBlock","_createBlock","_component_OrPopover","_cache","$event","_withCtx","_createElementVNode","_mergeProps","_normalizeClass","_hoisted_2","_toDisplayString","_createVNode","_component_OrButton","_renderSlot","_normalizeProps","_guardReactiveProps","_createTextVNode"],"mappings":"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"}

package/dist/esm/{OrFilterTrigger-DERgEQLO.mjs → OrFilterTrigger-zfcgyC7C.mjs}

@@ -1,4 +1,4 @@
-import { O as y } from "./OrIconButton-B-zHXQFi.mjs";
+import { O as y } from "./OrIconButton-BlHCLpeW.mjs";
 import { O as v } from "./OrIcon-k8cyvh-D.mjs";
 import { defineComponent as b, ref as O, computed as a, resolveComponent as c, openBlock as p, createElementBlock as u, normalizeClass as t, createElementVNode as n, createVNode as g, createTextVNode as f, toDisplayString as h, withModifiers as S, createCommentVNode as _ } from "vue";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -154,4 +154,4 @@ const L = /* @__PURE__ */ T(C, [["render", N]]);
 export {
   L as O
 };
-//# sourceMappingURL=OrFilterTrigger-DERgEQLO.mjs.map
+//# sourceMappingURL=OrFilterTrigger-zfcgyC7C.mjs.map

package/dist/esm/{OrFilterTrigger-DERgEQLO.mjs.map → OrFilterTrigger-zfcgyC7C.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrFilterTrigger-DERgEQLO.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n  // Layout\n  'layout-row',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[44px] md:h-[32px]',\n\n  // Spacing\n  'px-md md:px-sm+',\n  'py-0',\n\n  'gap-md+ md:gap-md',\n\n  // Typography\n  'typography-button',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  // Theme (hover)\n  'hover:theme-foreground-primary-hover',\n  'dark:hover:theme-foreground-primary-hover-dark',\n\n  'hover:theme-background-primary-translucent-1',\n  'dark:hover:theme-background-primary-translucent-1-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-primary',\n  'dark:selected:theme-foreground-primary-dark',\n\n  'selected:theme-background-primary-translucent-1',\n  'dark:selected:theme-background-primary-translucent-1-dark',\n\n  // Theme (activated)\n  'activated:theme-background-primary-translucent-1',\n  'dark:activated:theme-background-primary-translucent-1-dark',\n\n  // Theme (.icon)\n  '[&_.icon]:theme-foreground-primary',\n  'dark:[&_.icon]:theme-foreground-primary-dark',\n\n  // Theme (.icon / hover)\n  '[&_.icon]:hover:theme-foreground-primary-hover',\n  'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n  // Layout\n  'layout-row',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[36px] md:h-[24px]',\n\n  // Spacing\n  'px-sm+ md:px-sm',\n  'py-0',\n\n  'gap-sm+ md:gap-sm',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"isOpen\"\n    :activated=\"!!value\"\n    @click=\"$emit('click', $event)\"\n  >\n    <div :class=\"labelStyles\">\n      <OrIcon\n        :class=\"'icon'\"\n        :icon=\"icon\"\n      />\n\n      {{ label }}\n    </div>\n\n    <template v-if=\"value\">\n      <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n        <div :class=\"tagStyles\">\n          {{ value }}\n\n          <div :class=\"['layout-inline-row', '-m-[4px]']\">\n            <OrIconButton\n              :icon=\"'close'\"\n              @click.stop=\"reset()\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilterTrigger',\n\n  components: {\n    OrIcon,\n    OrIconButton,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    value: {\n      type: [Number, String],\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: 'Filters',\n    },\n\n    icon: {\n      type: String,\n      default: 'filter_list',\n    },\n  },\n\n  emits: [\n    'reset',\n    'click',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-filter-trigger-v3',\n      ...Styles.FilterTrigger,\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.FilterTriggerLabel,\n    ]);\n\n    const tagStyles = computed(() => [\n      ...Styles.FilterTriggerTag,\n    ]);\n\n    // Methods\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      labelStyles,\n\n      tagStyles,\n\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_component_OrIcon","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_3","_createVNode","_component_OrIconButton"],"mappings":";;;;AAAO,MAAMA,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA+B;AAAA;AAAA,EAE1C;AAAA;AAAA,EAGA;AACF,GAEaC,IAA6B;AAAA;AAAA,EAExC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GC1CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,IACA,cAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAcF,EAAS,MAAM;AAAA,MACjC,GAAGG;AAAAA,IAAO,CACX,GAEKC,IAAYJ,EAAS,MAAM;AAAA,MAC/B,GAAGK;AAAAA,IAAO,CACX;AAGD,aAASC,IAAc;AACrB,MAAAV,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,aAAAG;AAAA,MAEA,WAAAE;AAAA,MAEA,OAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC,kCA/FWC,IAAK;AAAA,EAAA,KAAA;AAAA;;;;;6BAjBfC,EA8BM,cAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,UAAKA,EAAA;AAAA,IAAA,WAAA,CAAA,CAAAA,EAAA;AAAA,IAEN,SAOMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,SAAAE,CAAA;AAAA,EAAA,GAAA;AAAA;MANJ,OAGEH,EAAAC,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA,QADOG,GAAI;AAAA,QAAA,OAAAJ,EAAA,MAAA;AAAA;;MAMCK,EAAK,MAAAC,EAAAL,EAAA,KAAA,GAAA,CAAA;AAAA,IAAA,GAAA,CAAA;AAAA,IAEjBA,EAAA,SAAAH,EAAA,KAAa,OAASF,GAAA;AAAA,MAAAW,EAAA,OAAA;AAAA,QACjB,OAAAP,EAAAC,EAAA,SAAA;AAAA,MAAA,GAEH;AAAA,QAIII,EAAAC,EAAAL,EAAA,KAAA,IAAA,KAAA,CAAA;AAAA,QAFcM,EAAA,OAAAC,GAAA;AAAA,UACRC,EAAAC,GAAA;AAAA,YAAA,MAAA;AAAA;;;;;;;;"}
+{"version":3,"file":"OrFilterTrigger-zfcgyC7C.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n  // Layout\n  'layout-row',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[44px] md:h-[32px]',\n\n  // Spacing\n  'px-md md:px-sm+',\n  'py-0',\n\n  'gap-md+ md:gap-md',\n\n  // Typography\n  'typography-button',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  // Theme (hover)\n  'hover:theme-foreground-primary-hover',\n  'dark:hover:theme-foreground-primary-hover-dark',\n\n  'hover:theme-background-primary-translucent-1',\n  'dark:hover:theme-background-primary-translucent-1-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-primary',\n  'dark:selected:theme-foreground-primary-dark',\n\n  'selected:theme-background-primary-translucent-1',\n  'dark:selected:theme-background-primary-translucent-1-dark',\n\n  // Theme (activated)\n  'activated:theme-background-primary-translucent-1',\n  'dark:activated:theme-background-primary-translucent-1-dark',\n\n  // Theme (.icon)\n  '[&_.icon]:theme-foreground-primary',\n  'dark:[&_.icon]:theme-foreground-primary-dark',\n\n  // Theme (.icon / hover)\n  '[&_.icon]:hover:theme-foreground-primary-hover',\n  'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n  // Layout\n  'layout-row',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[36px] md:h-[24px]',\n\n  // Spacing\n  'px-sm+ md:px-sm',\n  'py-0',\n\n  'gap-sm+ md:gap-sm',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"isOpen\"\n    :activated=\"!!value\"\n    @click=\"$emit('click', $event)\"\n  >\n    <div :class=\"labelStyles\">\n      <OrIcon\n        :class=\"'icon'\"\n        :icon=\"icon\"\n      />\n\n      {{ label }}\n    </div>\n\n    <template v-if=\"value\">\n      <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n        <div :class=\"tagStyles\">\n          {{ value }}\n\n          <div :class=\"['layout-inline-row', '-m-[4px]']\">\n            <OrIconButton\n              :icon=\"'close'\"\n              @click.stop=\"reset()\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilterTrigger',\n\n  components: {\n    OrIcon,\n    OrIconButton,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    value: {\n      type: [Number, String],\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: 'Filters',\n    },\n\n    icon: {\n      type: String,\n      default: 'filter_list',\n    },\n  },\n\n  emits: [\n    'reset',\n    'click',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-filter-trigger-v3',\n      ...Styles.FilterTrigger,\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.FilterTriggerLabel,\n    ]);\n\n    const tagStyles = computed(() => [\n      ...Styles.FilterTriggerTag,\n    ]);\n\n    // Methods\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      labelStyles,\n\n      tagStyles,\n\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_component_OrIcon","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_3","_createVNode","_component_OrIconButton"],"mappings":"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"}

package/dist/esm/{OrIconButton-B-zHXQFi.mjs → OrIconButton-BlHCLpeW.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent as k, ref as u, computed as a, resolveComponent as c, openBlock as v, createElementBlock as h, mergeProps as s, toHandlers as g, createVNode as m, normalizeProps as b, guardReactiveProps as O, createSlots as I, withCtx as S, renderSlot as P } from "vue";
 import { i as $ } from "./constants-ByXK9fg4.mjs";
 import { O as z, a as B, I as y } from "./OrIcon-k8cyvh-D.mjs";
-import { O as R } from "./OrTooltip-BKfUYlOS.mjs";
+import { O as R } from "./OrTooltip-DqwjoE82.mjs";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var t = /* @__PURE__ */ ((e) => (e.Default = "default", e.Primary = "primary", e.Danger = "danger", e.Inherit = "inherit", e))(t || {});
 const D = [
@@ -212,4 +212,4 @@ export {
   t as I,
   H as O
 };
-//# sourceMappingURL=OrIconButton-B-zHXQFi.mjs.map
+//# sourceMappingURL=OrIconButton-BlHCLpeW.mjs.map

package/dist/esm/{OrIconButton-B-zHXQFi.mjs.map → OrIconButton-BlHCLpeW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrIconButton-B-zHXQFi.mjs","sources":["../../../components/or-icon-button-v3/src/props.ts","../../../components/or-icon-button-v3/src/styles.ts","../../../components/or-icon-button-v3/src/OrIconButton.vue"],"sourcesContent":["export enum IconButtonColor {\n  Default = 'default',\n  Primary = 'primary',\n  Danger = 'danger',\n  Inherit = 'inherit',\n}\n","import { IconButtonColor } from './props';\n\nexport const IconButton: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Shape\n  'rounded-full',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-button',\n\n  // Iconography\n  'iconography-outlined',\n\n  // Iconography (hover)\n  'hover:md:iconography-filled',\n\n  // Iconography (focus)\n  'focus-visible:md:iconography-filled',\n\n  // Iconography (active)\n  'active:iconography-filled',\n\n  // Theme\n  '!outline outline-2 outline-transparent',\n];\n\nexport const IconButtonColors: Record<IconButtonColor, string[]> = {\n  [IconButtonColor.Default]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-foreground-outline',\n    'dark:theme-foreground-outline-dark',\n\n    // Theme (hover)\n    'hover:md:theme-foreground-default',\n    'dark:hover:md:theme-foreground-default-dark',\n\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:theme-foreground-default',\n    'dark:focus-visible:md:theme-foreground-default-dark',\n\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:theme-foreground-default',\n    'dark:active:theme-foreground-default-dark',\n\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n\n    // Theme (selected)\n    'selected:theme-foreground-default',\n    'dark:selected:theme-foreground-default-dark',\n  ],\n\n  [IconButtonColor.Primary]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    // Theme (hover)\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n  ],\n\n  [IconButtonColor.Danger]: [\n    // Theme\n    'theme-preset-3-error',\n    'dark:theme-preset-3-error-dark',\n\n    // Theme (hover)\n    'hover:md:outline-error-opacity-0-08',\n    'dark:hover:md:outline-error-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-error-opacity-0-08',\n    'dark:focus-visible:md:outline-error-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-error-opacity-0-08',\n    'dark:active:outline-error-opacity-0-08-dark',\n\n    'active:md:outline-error-opacity-0-16',\n    'dark:active:md:outline-error-opacity-0-16-dark',\n  ],\n\n  [IconButtonColor.Inherit]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-foreground-inherit',\n    'dark:theme-foreground-inherit-dark',\n\n    // Theme (hover)\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n  ],\n};\n","<template>\n  <button\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :type=\"'button'\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @mouseover=\"tooltipRef && tooltipRef.open()\"\n    @mouseout=\"tooltipRef && tooltipRef.close()\"\n    v-on=\"{\n      ...(isVue3 ? {} : $listeners),\n      click: onClick,\n      focus: onFocus,\n      blur: onBlur,\n    }\"\n  >\n    <OrIcon v-bind=\"iconProps\" />\n    <OrTooltip\n      ref=\"tooltipRef\"\n      :trigger=\"root\"\n      v-bind=\"tooltipProps\"\n    >\n      <template\n        v-if=\"$slots.tooltipContent\"\n        v-slot:content\n      >\n        <slot name=\"tooltipContent\" />\n      </template>\n    </OrTooltip>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref } from 'vue';\nimport { isVue3 } from '@/constants';\n\nimport { IconSize, IconVariant, OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport { IconButtonColor } from './props';\nimport { IconButton, IconButtonColors } from './styles';\n\nexport default defineComponent({\n  name: 'OrIconButton',\n\n  components: {\n    OrIcon,\n    OrTooltip,\n  },\n\n  props: {\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    icon: {\n      type: [String, Object] as PropType<string | Omit<InstanceType<typeof OrIcon>['$props'], 'size'>>,\n      required: true,\n    },\n\n    color: {\n      type: String as PropType<`${IconButtonColor}`>,\n      default: () => IconButtonColor.Default,\n    },\n\n    size: {\n      type: String as PropType<`${IconSize}`>,\n      default: () => IconSize.M,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    tooltip: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrTooltip>['$props']>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, { emit }) {\n    // Refs\n    const root = ref<HTMLButtonElement>();\n    const tooltipRef = ref<InstanceType<typeof OrTooltip>>();\n\n    const iconProps = computed(() => {\n      return typeof props.icon === 'string'\n        ? {\n          icon: props.icon,\n          variant: IconVariant.Inherit,\n          size: props.size,\n        }\n        : {\n          variant: IconVariant.Inherit,\n          size: props.size,\n          ...(props.icon as object),\n        };\n    });\n\n    const tooltipProps = computed(() => {\n      return typeof props.tooltip === 'string'\n        ? {\n          content: props.tooltip,\n        }\n        : props.tooltip;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-icon-button-v3',\n      ...IconButton,\n      ...IconButtonColors[props.color],\n      ...props.additionalStyles,\n    ]);\n\n    return {\n      root,\n      tooltipRef,\n\n      rootStyles,\n\n      iconProps,\n      tooltipProps,\n\n      isVue3,\n      onClick: (e: unknown) => emit('click', e),\n      onFocus: (e: unknown) => emit('focus', e),\n      onBlur: (e: unknown) => emit('blur', e),\n    };\n  },\n});\n</script>\n"],"names":["IconButtonColor","IconButton","IconButtonColors","_sfc_main","defineComponent","OrIcon","OrTooltip","IconSize","props","emit","root","ref","tooltipRef","iconProps","computed","IconVariant","tooltipProps","rootStyles","isVue3","e","_component_OrTooltip","_resolveComponent","_openBlock","_createElementBlock","_mergeProps","_ctx","_cache","$event","_toHandlers","_createVNode","_component_OrIcon","_normalizeProps","_guardReactiveProps","_createSlots","_withCtx"],"mappings":"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"}
+{"version":3,"file":"OrIconButton-BlHCLpeW.mjs","sources":["../../../components/or-icon-button-v3/src/props.ts","../../../components/or-icon-button-v3/src/styles.ts","../../../components/or-icon-button-v3/src/OrIconButton.vue"],"sourcesContent":["export enum IconButtonColor {\n  Default = 'default',\n  Primary = 'primary',\n  Danger = 'danger',\n  Inherit = 'inherit',\n}\n","import { IconButtonColor } from './props';\n\nexport const IconButton: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Shape\n  'rounded-full',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-button',\n\n  // Iconography\n  'iconography-outlined',\n\n  // Iconography (hover)\n  'hover:md:iconography-filled',\n\n  // Iconography (focus)\n  'focus-visible:md:iconography-filled',\n\n  // Iconography (active)\n  'active:iconography-filled',\n\n  // Theme\n  '!outline outline-2 outline-transparent',\n];\n\nexport const IconButtonColors: Record<IconButtonColor, string[]> = {\n  [IconButtonColor.Default]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-foreground-outline',\n    'dark:theme-foreground-outline-dark',\n\n    // Theme (hover)\n    'hover:md:theme-foreground-default',\n    'dark:hover:md:theme-foreground-default-dark',\n\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:theme-foreground-default',\n    'dark:focus-visible:md:theme-foreground-default-dark',\n\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:theme-foreground-default',\n    'dark:active:theme-foreground-default-dark',\n\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n\n    // Theme (selected)\n    'selected:theme-foreground-default',\n    'dark:selected:theme-foreground-default-dark',\n  ],\n\n  [IconButtonColor.Primary]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    // Theme (hover)\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n  ],\n\n  [IconButtonColor.Danger]: [\n    // Theme\n    'theme-preset-3-error',\n    'dark:theme-preset-3-error-dark',\n\n    // Theme (hover)\n    'hover:md:outline-error-opacity-0-08',\n    'dark:hover:md:outline-error-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-error-opacity-0-08',\n    'dark:focus-visible:md:outline-error-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-error-opacity-0-08',\n    'dark:active:outline-error-opacity-0-08-dark',\n\n    'active:md:outline-error-opacity-0-16',\n    'dark:active:md:outline-error-opacity-0-16-dark',\n  ],\n\n  [IconButtonColor.Inherit]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-foreground-inherit',\n    'dark:theme-foreground-inherit-dark',\n\n    // Theme (hover)\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n  ],\n};\n","<template>\n  <button\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :type=\"'button'\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @mouseover=\"tooltipRef && tooltipRef.open()\"\n    @mouseout=\"tooltipRef && tooltipRef.close()\"\n    v-on=\"{\n      ...(isVue3 ? {} : $listeners),\n      click: onClick,\n      focus: onFocus,\n      blur: onBlur,\n    }\"\n  >\n    <OrIcon v-bind=\"iconProps\" />\n    <OrTooltip\n      ref=\"tooltipRef\"\n      :trigger=\"root\"\n      v-bind=\"tooltipProps\"\n    >\n      <template\n        v-if=\"$slots.tooltipContent\"\n        v-slot:content\n      >\n        <slot name=\"tooltipContent\" />\n      </template>\n    </OrTooltip>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref } from 'vue';\nimport { isVue3 } from '@/constants';\n\nimport { IconSize, IconVariant, OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport { IconButtonColor } from './props';\nimport { IconButton, IconButtonColors } from './styles';\n\nexport default defineComponent({\n  name: 'OrIconButton',\n\n  components: {\n    OrIcon,\n    OrTooltip,\n  },\n\n  props: {\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    icon: {\n      type: [String, Object] as PropType<string | Omit<InstanceType<typeof OrIcon>['$props'], 'size'>>,\n      required: true,\n    },\n\n    color: {\n      type: String as PropType<`${IconButtonColor}`>,\n      default: () => IconButtonColor.Default,\n    },\n\n    size: {\n      type: String as PropType<`${IconSize}`>,\n      default: () => IconSize.M,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    tooltip: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrTooltip>['$props']>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, { emit }) {\n    // Refs\n    const root = ref<HTMLButtonElement>();\n    const tooltipRef = ref<InstanceType<typeof OrTooltip>>();\n\n    const iconProps = computed(() => {\n      return typeof props.icon === 'string'\n        ? {\n          icon: props.icon,\n          variant: IconVariant.Inherit,\n          size: props.size,\n        }\n        : {\n          variant: IconVariant.Inherit,\n          size: props.size,\n          ...(props.icon as object),\n        };\n    });\n\n    const tooltipProps = computed(() => {\n      return typeof props.tooltip === 'string'\n        ? {\n          content: props.tooltip,\n        }\n        : props.tooltip;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-icon-button-v3',\n      ...IconButton,\n      ...IconButtonColors[props.color],\n      ...props.additionalStyles,\n    ]);\n\n    return {\n      root,\n      tooltipRef,\n\n      rootStyles,\n\n      iconProps,\n      tooltipProps,\n\n      isVue3,\n      onClick: (e: unknown) => emit('click', e),\n      onFocus: (e: unknown) => emit('focus', e),\n      onBlur: (e: unknown) => emit('blur', e),\n    };\n  },\n});\n</script>\n"],"names":["IconButtonColor","IconButton","IconButtonColors","_sfc_main","defineComponent","OrIcon","OrTooltip","IconSize","props","emit","root","ref","tooltipRef","iconProps","computed","IconVariant","tooltipProps","rootStyles","isVue3","e","_component_OrTooltip","_resolveComponent","_openBlock","_createElementBlock","_mergeProps","_ctx","_cache","$event","_toHandlers","_createVNode","_component_OrIcon","_normalizeProps","_guardReactiveProps","_createSlots","_withCtx"],"mappings":"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"}