@onereach/ui-components 23.1.0 → 23.1.2

package/dist/esm/{OrFilter-sHL5dLBZ.mjs → OrFilter-C8d3OmGK.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent as R, ref as n, computed as m, toRef as C, resolveComponent as f, openBlock as S, createElementBlock as c, normalizeClass as k, createVNode as u, mergeProps as v, withCtx as d, renderSlot as O, normalizeProps as B, guardReactiveProps as T } from "vue";
 import { usePopoverState as b } from "@onereach/ui-components-common/hooks";
 import { O as j } from "./OrFilterPopover-C8lXb-hJ.mjs";
-import { O as z } from "./OrFilterTrigger-CiScTjiQ.mjs";
+import { O as z } from "./OrFilterTrigger-zfcgyC7C.mjs";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const A = [], E = R({
   name: "OrFilter",
@@ -102,4 +102,4 @@ const H = /* @__PURE__ */ w(E, [["render", N]]);
 export {
   H as O
 };
-//# sourceMappingURL=OrFilter-sHL5dLBZ.mjs.map
+//# sourceMappingURL=OrFilter-C8d3OmGK.mjs.map

package/dist/esm/{OrFilter-sHL5dLBZ.mjs.map → OrFilter-C8d3OmGK.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrFilter-sHL5dLBZ.mjs","sources":["../../../components/or-filter-v3/src/styles.ts","../../../components/or-filter-v3/src/OrFilter.vue"],"sourcesContent":["export const Filter: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrFilterTrigger\n      :ref=\"'trigger'\"\n      :is-open=\"state === 'open'\"\n      v-bind=\"triggerProps\"\n      @click=\"toggle()\"\n      @reset=\"reset()\"\n    />\n\n    <OrFilterPopover\n      :ref=\"'popover'\"\n      :is-open=\"state === 'open'\"\n      :trigger=\"triggerRoot\"\n      v-bind=\"popoverProps\"\n      @update:state=\"$event === 'open' ? open() : close()\"\n      @apply=\"apply()\"\n      @reset=\"reset()\"\n    >\n      <slot />\n\n      <template v-slot:actions=\"props\">\n        <slot\n          :name=\"'actions'\"\n          v-bind=\"props\"\n        />\n      </template>\n    </OrFilterPopover>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrFilterPopoverV3 as OrFilterPopover } from '@onereach/ui-components.or-filter-popover-v3';\nimport { OrFilterTriggerV3 as OrFilterTrigger } from '@onereach/ui-components.or-filter-trigger-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilter',\n\n  components: {\n    OrFilterPopover,\n    OrFilterTrigger,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    triggerProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterTrigger>['$props'], 'isOpen'>>,\n      default: () => ({}),\n    },\n\n    popoverProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterPopover>['$props'], 'isOpen' | 'trigger'>>,\n      default: () => ({}),\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-v3',\n      ...Styles.Filter,\n    ]);\n\n    const trigger = ref<InstanceType<typeof OrFilterTrigger>>();\n\n    const triggerRoot = computed(() => {\n      return trigger.value?.root;\n    });\n\n    const popover = ref<InstanceType<typeof OrFilterPopover>>();\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    return {\n      root,\n      rootStyles,\n\n      trigger,\n      triggerRoot,\n\n      popover,\n\n      state,\n\n      open,\n      close,\n      toggle,\n\n      apply,\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["Filter","_sfc_main","defineComponent","OrFilterPopover","OrFilterTrigger","props","context","root","ref","rootStyles","computed","Styles.Filter","trigger","triggerRoot","_a","popover","state","open","close","toggle","usePopoverState","toRef","apply","reset","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrFilterTrigger","_mergeProps","_cache","$event","_createVNode","_component_OrFilterPopover","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;AAAO,MAAMA,IAAmB,CAAC,GCyCjCC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,iBAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAUJ,KAEVK,IAAcH,EAAS,MAAM;;AACjC,cAAOI,IAAAF,EAAQ,UAAR,gBAAAE,EAAe;AAAA,IAAA,CACvB,GAEKC,IAAUP,KAGV,EAAE,OAAAQ,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMhB,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASgB,IAAc;AACrB,MAAAhB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEA,aAASiB,IAAc;AACrB,MAAAjB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,SAAAG;AAAA,MACA,aAAAC;AAAA,MAEA,SAAAE;AAAA,MAEA,OAAAC;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MAEA,OAAAG;AAAA,MACA,OAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;sCArICC,EA8BM,iBAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAMEC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAJUC,GAAKC,EAAA;AAAA,MACP,KAAA;AAAA,MACP,WAAKF,EAAA,UAAA;AAAA,IAAA,GACLA,EAAK,cAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAGR,SAAAG,EAiBkB,qBAjBlBH,EAiBkB;IAAA,CAAA,GAhBf,MAAK,IAAS,CAAA,SAAA,CAAA;AAAA,IAAAK,EACLC,GAAKJ,EAAA;AAAA,MACd,KAAA;AAAA,MAAA,WACOF,EAAY,UAAA;AAAA,MACnB,SAAAA,EAAA;AAAA,IAAA,GACAA,EAAK,cAAA;AAAA,MACL,kBAAKG,uBAAEC,MAAK,SAAAJ,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAII,SAAOG,SAIpBA,EAJ2B,CAAA,IAAA,CAAAC,MAAAJ,EAAA;IAAA,CAC7B,GAAA;AAAA,MAAA,SAAAO,EAAA,CAAA9B,MAAA;AAAA,QAHM+B,EAAAR,EAAA,QAAA,WAAAS,EAAAC,EAAAjC,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;;;;;;;;"}
+{"version":3,"file":"OrFilter-C8d3OmGK.mjs","sources":["../../../components/or-filter-v3/src/styles.ts","../../../components/or-filter-v3/src/OrFilter.vue"],"sourcesContent":["export const Filter: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrFilterTrigger\n      :ref=\"'trigger'\"\n      :is-open=\"state === 'open'\"\n      v-bind=\"triggerProps\"\n      @click=\"toggle()\"\n      @reset=\"reset()\"\n    />\n\n    <OrFilterPopover\n      :ref=\"'popover'\"\n      :is-open=\"state === 'open'\"\n      :trigger=\"triggerRoot\"\n      v-bind=\"popoverProps\"\n      @update:state=\"$event === 'open' ? open() : close()\"\n      @apply=\"apply()\"\n      @reset=\"reset()\"\n    >\n      <slot />\n\n      <template v-slot:actions=\"props\">\n        <slot\n          :name=\"'actions'\"\n          v-bind=\"props\"\n        />\n      </template>\n    </OrFilterPopover>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrFilterPopoverV3 as OrFilterPopover } from '@onereach/ui-components.or-filter-popover-v3';\nimport { OrFilterTriggerV3 as OrFilterTrigger } from '@onereach/ui-components.or-filter-trigger-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilter',\n\n  components: {\n    OrFilterPopover,\n    OrFilterTrigger,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    triggerProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterTrigger>['$props'], 'isOpen'>>,\n      default: () => ({}),\n    },\n\n    popoverProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterPopover>['$props'], 'isOpen' | 'trigger'>>,\n      default: () => ({}),\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-v3',\n      ...Styles.Filter,\n    ]);\n\n    const trigger = ref<InstanceType<typeof OrFilterTrigger>>();\n\n    const triggerRoot = computed(() => {\n      return trigger.value?.root;\n    });\n\n    const popover = ref<InstanceType<typeof OrFilterPopover>>();\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    return {\n      root,\n      rootStyles,\n\n      trigger,\n      triggerRoot,\n\n      popover,\n\n      state,\n\n      open,\n      close,\n      toggle,\n\n      apply,\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["Filter","_sfc_main","defineComponent","OrFilterPopover","OrFilterTrigger","props","context","root","ref","rootStyles","computed","Styles.Filter","trigger","triggerRoot","_a","popover","state","open","close","toggle","usePopoverState","toRef","apply","reset","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrFilterTrigger","_mergeProps","_cache","$event","_createVNode","_component_OrFilterPopover","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;AAAO,MAAMA,IAAmB,CAAC,GCyCjCC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,iBAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAUJ,KAEVK,IAAcH,EAAS,MAAM;;AACjC,cAAOI,IAAAF,EAAQ,UAAR,gBAAAE,EAAe;AAAA,IAAA,CACvB,GAEKC,IAAUP,KAGV,EAAE,OAAAQ,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMhB,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASgB,IAAc;AACrB,MAAAhB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEA,aAASiB,IAAc;AACrB,MAAAjB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,SAAAG;AAAA,MACA,aAAAC;AAAA,MAEA,SAAAE;AAAA,MAEA,OAAAC;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MAEA,OAAAG;AAAA,MACA,OAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;sCArICC,EA8BM,iBAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAMEC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAJUC,GAAKC,EAAA;AAAA,MACP,KAAA;AAAA,MACP,WAAKF,EAAA,UAAA;AAAA,IAAA,GACLA,EAAK,cAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAGR,SAAAG,EAiBkB,qBAjBlBH,EAiBkB;IAAA,CAAA,GAhBf,MAAK,IAAS,CAAA,SAAA,CAAA;AAAA,IAAAK,EACLC,GAAKJ,EAAA;AAAA,MACd,KAAA;AAAA,MAAA,WACOF,EAAY,UAAA;AAAA,MACnB,SAAAA,EAAA;AAAA,IAAA,GACAA,EAAK,cAAA;AAAA,MACL,kBAAKG,uBAAEC,MAAK,SAAAJ,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAII,SAAOG,SAIpBA,EAJ2B,CAAA,IAAA,CAAAC,MAAAJ,EAAA;IAAA,CAC7B,GAAA;AAAA,MAAA,SAAAO,EAAA,CAAA9B,MAAA;AAAA,QAHM+B,EAAAR,EAAA,QAAA,WAAAS,EAAAC,EAAAjC,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;;;;;;;;"}

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

@@ -1,8 +1,8 @@
-import { defineComponent as y, ref as v, 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 b, createCommentVNode as O } from "vue";
-import { O as _ } from "./OrIconButton-BlHCLpeW.mjs";
-import { O as S } from "./OrIcon-k8cyvh-D.mjs";
-import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const T = [
+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";
+const w = [
   // Layout
   "layout-row",
   // Interactivity
@@ -39,7 +39,7 @@ const T = [
   // Theme (.icon / hover)
   "[&_.icon]:hover:theme-foreground-primary-hover",
   "dark:[&_.icon]:hover:theme-foreground-primary-hover-dark"
-], w = [
+], x = [
   // Layout
   "layout-row",
   // Spacing
@@ -60,11 +60,11 @@ const T = [
   "dark:theme-foreground-default-dark",
   "theme-background-default",
   "dark:theme-background-default-dark"
-], C = y({
+], C = b({
   name: "OrFilterTrigger",
   components: {
-    OrIcon: S,
-    OrIconButton: _
+    OrIcon: v,
+    OrIconButton: y
   },
   props: {
     isOpen: {
@@ -78,6 +78,10 @@ const T = [
     label: {
       type: String,
       default: "Filters"
+    },
+    icon: {
+      type: String,
+      default: "filter_list"
     }
   },
   emits: [
@@ -88,12 +92,12 @@ const T = [
     "root"
   ],
   setup(e, r) {
-    const d = v(), s = a(() => [
+    const d = O(), i = a(() => [
       "or-filter-trigger-v3",
-      ...T
-    ]), i = a(() => [
       ...w
     ]), l = a(() => [
+      ...x
+    ]), s = a(() => [
       ...B
     ]);
     function o() {
@@ -101,9 +105,9 @@ const T = [
     }
     return {
       root: d,
-      rootStyles: s,
-      labelStyles: i,
-      tagStyles: l,
+      rootStyles: i,
+      labelStyles: l,
+      tagStyles: s,
       reset: o
     };
   }
@@ -113,7 +117,7 @@ const T = [
 }, $ = {
   class: /* @__PURE__ */ t(["layout-inline-row", "-m-[4px]"])
 };
-function N(e, r, d, s, i, l) {
+function N(e, r, d, i, l, s) {
   const o = c("OrIcon"), k = c("OrIconButton");
   return p(), u("div", {
     ref: "root",
@@ -127,8 +131,8 @@ function N(e, r, d, s, i, l) {
     }, [
       g(o, {
         class: t("icon"),
-        icon: "filter_list"
-      }),
+        icon: e.icon
+      }, null, 8, ["icon"]),
       f(" " + h(e.label), 1)
     ], 2),
     e.value ? (p(), u("div", I, [
@@ -139,15 +143,15 @@ function N(e, r, d, s, i, l) {
         n("div", $, [
           g(k, {
             icon: "close",
-            onClick: r[0] || (r[0] = b((m) => e.reset(), ["stop"]))
+            onClick: r[0] || (r[0] = S((m) => e.reset(), ["stop"]))
           })
         ])
       ], 2)
-    ])) : O("", !0)
+    ])) : _("", !0)
   ], 10, F);
 }
-const L = /* @__PURE__ */ x(C, [["render", N]]);
+const L = /* @__PURE__ */ T(C, [["render", N]]);
 export {
   L as O
 };
-//# sourceMappingURL=OrFilterTrigger-CiScTjiQ.mjs.map
+//# sourceMappingURL=OrFilterTrigger-zfcgyC7C.mjs.map

package/dist/esm/OrFilterTrigger-zfcgyC7C.mjs.map

@@ -0,0 +1 @@
+{"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/{OrTab-Cl_ZBFjH.mjs → OrTab-BdtxL_PY.mjs}

@@ -12,8 +12,8 @@ const m = [
   // Typography
   "typography-body-2-bold",
   // Theme
-  "theme-foreground-secondary",
-  "dark:theme-foreground-secondary-dark",
+  "theme-foreground-outline",
+  "dark:theme-foreground-outline-dark",
   "theme-border-transparent border-b-2",
   "dark:theme-border-transparent-dark",
   // Theme (hover)
@@ -93,4 +93,4 @@ const $ = /* @__PURE__ */ u(f, [["render", v]]);
 export {
   $ as O
 };
-//# sourceMappingURL=OrTab-Cl_ZBFjH.mjs.map
+//# sourceMappingURL=OrTab-BdtxL_PY.mjs.map

package/dist/esm/OrTab-BdtxL_PY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrTab-BdtxL_PY.mjs","sources":["../../../components/or-tab-v3/src/styles.ts","../../../components/or-tab-v3/src/OrTab.vue"],"sourcesContent":["export const Tab: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Spacing\n  '-mb-[1px]',\n\n  'px-0',\n  'py-[6px]',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-body-2-bold',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n\n  'theme-border-transparent border-b-2',\n  'dark:theme-border-transparent-dark',\n\n  // Theme (hover)\n  'hover:md:theme-foreground-default',\n  'dark:hover:md:theme-foreground-default-dark',\n\n  // Theme (active)\n  'active:theme-foreground-default',\n  'dark:active:theme-foreground-default-dark',\n\n  'active:theme-border-current active:border-b-2',\n  'dark:active:theme-border-current-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-default',\n  'dark:selected:theme-foreground-default-dark',\n\n  'selected:theme-border-current selected:border-b-2',\n  'dark:selected:theme-border-current-dark',\n\n  // Theme (invalid)\n  'invalid:theme-foreground-error',\n  'dark:invalid:theme-foreground-error-dark',\n\n  // Theme (invalid + hover)\n  'hover:invalid:md:theme-foreground-error-hover',\n  'dark:hover:invalid:md:theme-foreground-error-hover-dark',\n\n  // Theme (invalid + active)\n  'active:invalid:theme-foreground-error',\n  'dark:active:invalid:theme-foreground-error-dark',\n\n  'active:invalid:theme-border-current active:invalid:border-b-2',\n  'dark:active:invalid:theme-border-current-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"selected\"\n    :invalid=\"invalid\"\n    :disabled=\"disabled\"\n    @click=\"$emit('click', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { Tab } from './styles';\n\nexport default defineComponent({\n  name: 'OrTab',\n\n  props: {\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tab-v3',\n      ...Tab,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["Tab","_sfc_main","defineComponent","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","$event"],"mappings":";;AAAO,MAAMA,IAAgB;AAAA;AAAA,EAE3B;AAAA;AAAA,EAGA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;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;AAAA,EAEA;AAAA,EACA;AACF,GCpCAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,QAAQ;AAEN,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGN;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAG;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA9DSE,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAOC,EAASR,EAAA,UAAA;AAAA,IAChB,UAAUA,EAAA;AAAA,IACV,SAAKA,EAAA;AAAA,IACL,UAAKA,EAAA;AAAA,IACL,SAAIC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAQ,MAAET,EAAK,MAAA,SAASS,CAAM;AAAA,IAAA,SAAAR,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAQ,MAAAT,EAAA,MAAA,SAAAS,CAAA;AAAA,IAE3B,QAAQR,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAQ,MAAAT,EAAA,MAAA,QAAAS,CAAA;AAAA,EAAA,GAAA;AAAA;;;;"}

package/dist/esm/{OrTabs-6NfHHn7M.mjs → OrTabs-BUXLSz8o.mjs}

@@ -4,7 +4,7 @@ import { useProxyModelValue as _ } from "@onereach/ui-components-common/hooks";
 import { O as x } from "./OrIcon-k8cyvh-D.mjs";
 import { O as ee } from "./OrMenuItem-BHRMA0L1.mjs";
 import { O as oe } from "./OrMenu-CJT4Snay.mjs";
-import { O as te } from "./OrTab-Cl_ZBFjH.mjs";
+import { O as te } from "./OrTab-BdtxL_PY.mjs";
 import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var D = /* @__PURE__ */ ((e) => (e.Default = "default", e.Fitted = "fitted", e))(D || {}), c = /* @__PURE__ */ ((e) => (e.MD = "md", e.LG = "lg", e.XL = "xl", e))(c || {});
 const le = [
@@ -248,4 +248,4 @@ export {
   D as T,
   c as a
 };
-//# sourceMappingURL=OrTabs-6NfHHn7M.mjs.map
+//# sourceMappingURL=OrTabs-BUXLSz8o.mjs.map

package/dist/esm/{OrTabs-6NfHHn7M.mjs.map → OrTabs-BUXLSz8o.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrTabs-6NfHHn7M.mjs","sources":["../../../components/or-tabs-v3/src/props.ts","../../../components/or-tabs-v3/src/styles.ts","../../../components/or-tabs-v3/src/OrTabs.vue"],"sourcesContent":["export enum TabsVariant {\n  Default = 'default',\n  Fitted = 'fitted',\n}\n\nexport enum TabsSpacing {\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n}\n","import { TabsVariant, TabsSpacing } from './props';\n\nexport const TabsContainer: string[] = [\n  // Layout\n  'layout-column',\n  'grow',\n\n  // Box\n  'h-full',\n];\n\nexport const TabsContainerSpacings: Record<TabsSpacing, string[]> = {\n  [TabsSpacing.MD]: [\n    // Spacing\n    'gap-md',\n  ],\n  [TabsSpacing.LG]: [\n    // Spacing\n    'gap-lg',\n  ],\n  [TabsSpacing.XL]: [\n    // Spacing\n    'gap-xl',\n  ],\n};\n\nexport const Tabs: string[] = [\n  // Layout\n  'grid grid-flow-col items-center shrink-0',\n\n  // Theme\n  'theme-border-outline border-b-1',\n  'dark:theme-border-outline',\n];\n\nexport const TabsVariants: Record<TabsVariant, string[]> = {\n  'default': [\n    // Layout\n    'auto-cols-max',\n\n    // Spacing\n    'gap-lg',\n  ],\n\n  'fitted': [\n    // Layout\n    'auto-cols-auto',\n\n    // Spacing (children)\n    'children:px-lg',\n  ],\n};\n\nexport const TabsContent: string[] = [\n  // Layout\n  'layout-column',\n  'grow',\n\n  // Box\n  'h-full',\n\n  // Overflow\n  'overflow-auto',\n];\n","<template>\n  <div :class=\"containerStyles\">\n    <div\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n    >\n      <OrTab\n        v-for=\"tab in tabs.normal\"\n        :key=\"tab.value\"\n        :selected=\"tab.value === proxyModelValue\"\n        :invalid=\"tab.invalid\"\n        :disabled=\"tab.disabled\"\n        @click.stop=\"selectTab(tab)\"\n      >\n        <slot\n          name=\"tab\"\n          :tab=\"tab\"\n          :active-tab=\"activeTab\"\n        >\n          {{ tab.label }}\n        </slot>\n      </OrTab>\n\n      <template v-if=\"tabs.hidden.length > 0\">\n        <OrTab\n          :ref=\"'overflowTab'\"\n          @click.stop=\"overflowMenu && overflowMenu.toggle()\"\n        >\n          <OrIcon\n            :icon=\"'more_horiz'\"\n            :variant=\"'filled-bold'\"\n          />\n        </OrTab>\n\n        <OrMenu\n          :ref=\"'overflowMenu'\"\n          :trigger=\"overflowTabRoot\"\n        >\n          <OrMenuItem\n            v-for=\"tab in tabs.hidden\"\n            :key=\"tab.value\"\n            :disabled=\"tab.disabled\"\n            @click.stop=\"selectTab(tab); overflowMenu && overflowMenu.close()\"\n          >\n            {{ tab.label }}\n          </OrMenuItem>\n        </OrMenu>\n      </template>\n    </div>\n\n    <div :class=\"contentStyles\">\n      <template v-for=\"tab in items\">\n        <div\n          v-if=\"isTabRendered(tab.value)\"\n          v-show=\"String(proxyModelValue) === String(tab.value)\"\n          :key=\"tab.value\"\n          class=\"contents\"\n        >\n          <slot :name=\"String(tab.value)\" />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useResizeObserver } from '@vueuse/core';\nimport { PropType, computed, defineComponent, nextTick, onMounted, reactive, ref, toRef, watch } from 'vue';\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { OrTabV3 as OrTab } from '@onereach/ui-components.or-tab-v3';\nimport { TabsVariant, TabsSpacing } from './props';\nimport * as Styles from './styles';\nimport { EditorTabsItem } from './types';\n\nexport default defineComponent({\n  name: 'OrTabs',\n\n  components: {\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n    OrTab,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: [String, Number],\n      default: undefined,\n    },\n\n    items: {\n      type: Array as PropType<EditorTabsItem[]>,\n      required: true,\n    },\n\n    spacing: {\n      type: String as PropType<`${TabsSpacing}`>,\n      default: TabsSpacing.LG,\n    },\n\n    variant: {\n      type: String as PropType<`${TabsVariant}`>,\n      default: () => TabsVariant.Default,\n    },\n\n    keepAlive: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const overflowTab = ref<InstanceType<typeof OrTab>>();\n    const overflowTabRoot = computed(() => overflowTab.value?.root);\n\n    const overflowMenu = ref<InstanceType<typeof OrMenu>>();\n    const overflowMenuRoot = computed(() => overflowMenu.value?.root);\n\n    // Styles\n    const containerStyles = computed(() => [\n      ...Styles.TabsContainer,\n      ...Styles.TabsContainerSpacings[props.spacing],\n    ]);\n\n    const rootStyles = computed(() => [\n      'or-tabs-v3',\n      ...Styles.Tabs,\n      ...Styles.TabsVariants[props.variant],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.TabsContent,\n    ]);\n\n    // State\n    const tabs = reactive({\n      normal: [] as EditorTabsItem[],\n      hidden: [] as EditorTabsItem[],\n    });\n\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const activeTab = computed(() => props.items.find(({ value }) => value === proxyModelValue.value)!);\n\n    // Methods\n    function selectTab(tab: EditorTabsItem): void {\n      if (!tab.disabled) {\n        proxyModelValue.value = tab.value;\n      }\n    }\n\n    function rearrangeTabs(items: EditorTabsItem[], activeTab: EditorTabsItem, rootElement: Element): typeof tabs {\n      const { children } = rootElement;\n\n      const nextNormalTabs: EditorTabsItem[] = [...items];\n      const nextHiddenTabs: EditorTabsItem[] = [];\n\n      let currentWidth = rootElement.scrollWidth;\n\n      [...children].reverse().forEach((element) => {\n        if (currentWidth > rootElement.clientWidth) {\n          nextHiddenTabs.unshift(nextNormalTabs.pop()!);\n          currentWidth -= element.clientWidth + (props.variant === TabsVariant.Default ? 16 : 0);\n        }\n      });\n\n      if (nextHiddenTabs.includes(activeTab)) {\n        nextHiddenTabs.unshift(nextNormalTabs.pop()!);\n        nextNormalTabs.push(...nextHiddenTabs.splice(nextHiddenTabs.indexOf(activeTab), 1));\n      }\n\n      return {\n        normal: nextNormalTabs,\n        hidden: nextHiddenTabs,\n      };\n    }\n\n    function isTabRendered(value: string|number): boolean {\n      return props.keepAlive || proxyModelValue.value === value;\n    }\n\n    // Effects\n    watch([\n      () => props.items,\n      activeTab,\n      root,\n    ], ([\n      items,\n      activeTab,\n      rootElement,\n    ]) => {\n      tabs.normal = items;\n\n      nextTick(() => {\n        Object.assign(tabs, rearrangeTabs(items, activeTab, rootElement!));\n      });\n    });\n\n    // #region Resize\n    useResizeObserver(root, () => {\n      tabs.normal = props.items;\n\n      nextTick(() => {\n        Object.assign(tabs, rearrangeTabs(props.items, activeTab.value, root.value!));\n      });\n    });\n    // #endregion\n\n    onMounted(() => {\n      if (!proxyModelValue.value) {\n        proxyModelValue.value = props.items[0]?.value;\n      }\n    });\n\n    return {\n      root,\n      overflowTab,\n      overflowTabRoot,\n      overflowMenu,\n      overflowMenuRoot,\n      containerStyles,\n      rootStyles,\n      contentStyles,\n      tabs,\n      proxyModelValue,\n      activeTab,\n      selectTab,\n      isTabRendered,\n    };\n  },\n});\n</script>\n"],"names":["TabsVariant","TabsSpacing","TabsContainer","TabsContainerSpacings","Tabs","TabsVariants","TabsContent","_sfc_main","defineComponent","OrIcon","OrMenu","OrMenuItem","OrTab","props","context","root","ref","overflowTab","overflowTabRoot","computed","_a","overflowMenu","overflowMenuRoot","containerStyles","Styles.TabsContainer","Styles.TabsContainerSpacings","rootStyles","Styles.Tabs","Styles.TabsVariants","contentStyles","Styles.TabsContent","tabs","reactive","proxyModelValue","useProxyModelValue","toRef","activeTab","value","selectTab","tab","rearrangeTabs","items","rootElement","children","nextNormalTabs","nextHiddenTabs","currentWidth","element","isTabRendered","watch","nextTick","useResizeObserver","onMounted","_resolveComponent","_normalizeClass","_ctx","_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","_component_OrTab","_withModifiers","$event","_withCtx","_renderSlot","_createVNode","_cache","_component_OrIcon","_component_OrMenu","_component_OrMenuItem","_createCommentVNode","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"OrTabs-BUXLSz8o.mjs","sources":["../../../components/or-tabs-v3/src/props.ts","../../../components/or-tabs-v3/src/styles.ts","../../../components/or-tabs-v3/src/OrTabs.vue"],"sourcesContent":["export enum TabsVariant {\n  Default = 'default',\n  Fitted = 'fitted',\n}\n\nexport enum TabsSpacing {\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n}\n","import { TabsVariant, TabsSpacing } from './props';\n\nexport const TabsContainer: string[] = [\n  // Layout\n  'layout-column',\n  'grow',\n\n  // Box\n  'h-full',\n];\n\nexport const TabsContainerSpacings: Record<TabsSpacing, string[]> = {\n  [TabsSpacing.MD]: [\n    // Spacing\n    'gap-md',\n  ],\n  [TabsSpacing.LG]: [\n    // Spacing\n    'gap-lg',\n  ],\n  [TabsSpacing.XL]: [\n    // Spacing\n    'gap-xl',\n  ],\n};\n\nexport const Tabs: string[] = [\n  // Layout\n  'grid grid-flow-col items-center shrink-0',\n\n  // Theme\n  'theme-border-outline border-b-1',\n  'dark:theme-border-outline',\n];\n\nexport const TabsVariants: Record<TabsVariant, string[]> = {\n  'default': [\n    // Layout\n    'auto-cols-max',\n\n    // Spacing\n    'gap-lg',\n  ],\n\n  'fitted': [\n    // Layout\n    'auto-cols-auto',\n\n    // Spacing (children)\n    'children:px-lg',\n  ],\n};\n\nexport const TabsContent: string[] = [\n  // Layout\n  'layout-column',\n  'grow',\n\n  // Box\n  'h-full',\n\n  // Overflow\n  'overflow-auto',\n];\n","<template>\n  <div :class=\"containerStyles\">\n    <div\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n    >\n      <OrTab\n        v-for=\"tab in tabs.normal\"\n        :key=\"tab.value\"\n        :selected=\"tab.value === proxyModelValue\"\n        :invalid=\"tab.invalid\"\n        :disabled=\"tab.disabled\"\n        @click.stop=\"selectTab(tab)\"\n      >\n        <slot\n          name=\"tab\"\n          :tab=\"tab\"\n          :active-tab=\"activeTab\"\n        >\n          {{ tab.label }}\n        </slot>\n      </OrTab>\n\n      <template v-if=\"tabs.hidden.length > 0\">\n        <OrTab\n          :ref=\"'overflowTab'\"\n          @click.stop=\"overflowMenu && overflowMenu.toggle()\"\n        >\n          <OrIcon\n            :icon=\"'more_horiz'\"\n            :variant=\"'filled-bold'\"\n          />\n        </OrTab>\n\n        <OrMenu\n          :ref=\"'overflowMenu'\"\n          :trigger=\"overflowTabRoot\"\n        >\n          <OrMenuItem\n            v-for=\"tab in tabs.hidden\"\n            :key=\"tab.value\"\n            :disabled=\"tab.disabled\"\n            @click.stop=\"selectTab(tab); overflowMenu && overflowMenu.close()\"\n          >\n            {{ tab.label }}\n          </OrMenuItem>\n        </OrMenu>\n      </template>\n    </div>\n\n    <div :class=\"contentStyles\">\n      <template v-for=\"tab in items\">\n        <div\n          v-if=\"isTabRendered(tab.value)\"\n          v-show=\"String(proxyModelValue) === String(tab.value)\"\n          :key=\"tab.value\"\n          class=\"contents\"\n        >\n          <slot :name=\"String(tab.value)\" />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useResizeObserver } from '@vueuse/core';\nimport { PropType, computed, defineComponent, nextTick, onMounted, reactive, ref, toRef, watch } from 'vue';\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { OrTabV3 as OrTab } from '@onereach/ui-components.or-tab-v3';\nimport { TabsVariant, TabsSpacing } from './props';\nimport * as Styles from './styles';\nimport { EditorTabsItem } from './types';\n\nexport default defineComponent({\n  name: 'OrTabs',\n\n  components: {\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n    OrTab,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: [String, Number],\n      default: undefined,\n    },\n\n    items: {\n      type: Array as PropType<EditorTabsItem[]>,\n      required: true,\n    },\n\n    spacing: {\n      type: String as PropType<`${TabsSpacing}`>,\n      default: TabsSpacing.LG,\n    },\n\n    variant: {\n      type: String as PropType<`${TabsVariant}`>,\n      default: () => TabsVariant.Default,\n    },\n\n    keepAlive: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const overflowTab = ref<InstanceType<typeof OrTab>>();\n    const overflowTabRoot = computed(() => overflowTab.value?.root);\n\n    const overflowMenu = ref<InstanceType<typeof OrMenu>>();\n    const overflowMenuRoot = computed(() => overflowMenu.value?.root);\n\n    // Styles\n    const containerStyles = computed(() => [\n      ...Styles.TabsContainer,\n      ...Styles.TabsContainerSpacings[props.spacing],\n    ]);\n\n    const rootStyles = computed(() => [\n      'or-tabs-v3',\n      ...Styles.Tabs,\n      ...Styles.TabsVariants[props.variant],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.TabsContent,\n    ]);\n\n    // State\n    const tabs = reactive({\n      normal: [] as EditorTabsItem[],\n      hidden: [] as EditorTabsItem[],\n    });\n\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const activeTab = computed(() => props.items.find(({ value }) => value === proxyModelValue.value)!);\n\n    // Methods\n    function selectTab(tab: EditorTabsItem): void {\n      if (!tab.disabled) {\n        proxyModelValue.value = tab.value;\n      }\n    }\n\n    function rearrangeTabs(items: EditorTabsItem[], activeTab: EditorTabsItem, rootElement: Element): typeof tabs {\n      const { children } = rootElement;\n\n      const nextNormalTabs: EditorTabsItem[] = [...items];\n      const nextHiddenTabs: EditorTabsItem[] = [];\n\n      let currentWidth = rootElement.scrollWidth;\n\n      [...children].reverse().forEach((element) => {\n        if (currentWidth > rootElement.clientWidth) {\n          nextHiddenTabs.unshift(nextNormalTabs.pop()!);\n          currentWidth -= element.clientWidth + (props.variant === TabsVariant.Default ? 16 : 0);\n        }\n      });\n\n      if (nextHiddenTabs.includes(activeTab)) {\n        nextHiddenTabs.unshift(nextNormalTabs.pop()!);\n        nextNormalTabs.push(...nextHiddenTabs.splice(nextHiddenTabs.indexOf(activeTab), 1));\n      }\n\n      return {\n        normal: nextNormalTabs,\n        hidden: nextHiddenTabs,\n      };\n    }\n\n    function isTabRendered(value: string|number): boolean {\n      return props.keepAlive || proxyModelValue.value === value;\n    }\n\n    // Effects\n    watch([\n      () => props.items,\n      activeTab,\n      root,\n    ], ([\n      items,\n      activeTab,\n      rootElement,\n    ]) => {\n      tabs.normal = items;\n\n      nextTick(() => {\n        Object.assign(tabs, rearrangeTabs(items, activeTab, rootElement!));\n      });\n    });\n\n    // #region Resize\n    useResizeObserver(root, () => {\n      tabs.normal = props.items;\n\n      nextTick(() => {\n        Object.assign(tabs, rearrangeTabs(props.items, activeTab.value, root.value!));\n      });\n    });\n    // #endregion\n\n    onMounted(() => {\n      if (!proxyModelValue.value) {\n        proxyModelValue.value = props.items[0]?.value;\n      }\n    });\n\n    return {\n      root,\n      overflowTab,\n      overflowTabRoot,\n      overflowMenu,\n      overflowMenuRoot,\n      containerStyles,\n      rootStyles,\n      contentStyles,\n      tabs,\n      proxyModelValue,\n      activeTab,\n      selectTab,\n      isTabRendered,\n    };\n  },\n});\n</script>\n"],"names":["TabsVariant","TabsSpacing","TabsContainer","TabsContainerSpacings","Tabs","TabsVariants","TabsContent","_sfc_main","defineComponent","OrIcon","OrMenu","OrMenuItem","OrTab","props","context","root","ref","overflowTab","overflowTabRoot","computed","_a","overflowMenu","overflowMenuRoot","containerStyles","Styles.TabsContainer","Styles.TabsContainerSpacings","rootStyles","Styles.Tabs","Styles.TabsVariants","contentStyles","Styles.TabsContent","tabs","reactive","proxyModelValue","useProxyModelValue","toRef","activeTab","value","selectTab","tab","rearrangeTabs","items","rootElement","children","nextNormalTabs","nextHiddenTabs","currentWidth","element","isTabRendered","watch","nextTick","useResizeObserver","onMounted","_resolveComponent","_normalizeClass","_ctx","_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","_component_OrTab","_withModifiers","$event","_withCtx","_renderSlot","_createVNode","_cache","_component_OrIcon","_component_OrMenu","_component_OrMenuItem","_createCommentVNode","_createElementVNode"],"mappings":"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"}

package/dist/esm/components/index.mjs

@@ -36,8 +36,8 @@ import { O as Xr } from "../OrError-B5ihH6-3.mjs";
 import { b as Zr, a as _r, E as $r, O as ro } from "../OrExpansionPanel-BNGPdEnp.mjs";
 import { F as ao, O as eo } from "../OrFab-Cbg9unNc.mjs";
 import { O as so } from "../OrFilterPopover-C8lXb-hJ.mjs";
-import { O as io } from "../OrFilterTrigger-CiScTjiQ.mjs";
-import { O as mo } from "../OrFilter-sHL5dLBZ.mjs";
+import { O as io } from "../OrFilterTrigger-zfcgyC7C.mjs";
+import { O as mo } from "../OrFilter-C8d3OmGK.mjs";
 import { F as xo, a as Vo, O as fo } from "../OrFormGroup-BFAjTfM9.mjs";
 import { O as To } from "../OrHint-NvbZyURY.mjs";
 import { I as So, O as uo } from "../OrIconButton-BlHCLpeW.mjs";
@@ -79,8 +79,8 @@ import { S as Te, a as ce } from "../OrSlider.vue_vue_type_script_lang-C5rLh1F0.
 import { O as Se } from "../OrSorting-DCAarSF1.mjs";
 import { O as Pe, a as Ce, S as Ie } from "../OrStatus-D4QIuE7R.mjs";
 import { O as De } from "../OrSwitch-Cmi57-QB.mjs";
-import { O as ke } from "../OrTab-Cl_ZBFjH.mjs";
-import { O as Be, a as Ee, T as he } from "../OrTabs-6NfHHn7M.mjs";
+import { O as ke } from "../OrTab-BdtxL_PY.mjs";
+import { O as Be, a as Ee, T as he } from "../OrTabs-BUXLSz8o.mjs";
 import { O as ve } from "../OrTagInput-CjYmyfIU.mjs";
 import { O as Le, a as Me, T as we } from "../OrTag-Bixe0EQq.mjs";
 import { O as Ge, T as Ae } from "../OrTags-CS0bcLtx.mjs";

package/dist/esm/components/or-filter-trigger-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as g } from "../../OrFilterTrigger-CiScTjiQ.mjs";
+import { O as g } from "../../OrFilterTrigger-zfcgyC7C.mjs";
 export {
   g as OrFilterTriggerV3
 };

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

@@ -1,4 +1,4 @@
-import { O as o } from "../../OrFilter-sHL5dLBZ.mjs";
+import { O as o } from "../../OrFilter-C8d3OmGK.mjs";
 export {
   o as OrFilterV3
 };

package/dist/esm/components/or-tab-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as o } from "../../OrTab-Cl_ZBFjH.mjs";
+import { O as o } from "../../OrTab-BdtxL_PY.mjs";
 export {
   o as OrTabV3
 };

package/dist/esm/components/or-tabs-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as r, a as T, T as b } from "../../OrTabs-6NfHHn7M.mjs";
+import { O as r, a as T, T as b } from "../../OrTabs-BUXLSz8o.mjs";
 export {
   r as OrTabsV3,
   T as TabsSpacing,

package/dist/esm/index.mjs

@@ -36,8 +36,8 @@ import { O as Xr } from "./OrError-B5ihH6-3.mjs";
 import { b as Zr, a as _r, E as $r, O as ro } from "./OrExpansionPanel-BNGPdEnp.mjs";
 import { F as ao, O as eo } from "./OrFab-Cbg9unNc.mjs";
 import { O as so } from "./OrFilterPopover-C8lXb-hJ.mjs";
-import { O as io } from "./OrFilterTrigger-CiScTjiQ.mjs";
-import { O as mo } from "./OrFilter-sHL5dLBZ.mjs";
+import { O as io } from "./OrFilterTrigger-zfcgyC7C.mjs";
+import { O as mo } from "./OrFilter-C8d3OmGK.mjs";
 import { F as xo, a as Vo, O as fo } from "./OrFormGroup-BFAjTfM9.mjs";
 import { O as To } from "./OrHint-NvbZyURY.mjs";
 import { I as So, O as uo } from "./OrIconButton-BlHCLpeW.mjs";
@@ -79,8 +79,8 @@ import { S as Te, a as ce } from "./OrSlider.vue_vue_type_script_lang-C5rLh1F0.m
 import { O as Se } from "./OrSorting-DCAarSF1.mjs";
 import { O as Pe, a as Ce, S as Ie } from "./OrStatus-D4QIuE7R.mjs";
 import { O as De } from "./OrSwitch-Cmi57-QB.mjs";
-import { O as ke } from "./OrTab-Cl_ZBFjH.mjs";
-import { O as Be, a as Ee, T as he } from "./OrTabs-6NfHHn7M.mjs";
+import { O as ke } from "./OrTab-BdtxL_PY.mjs";
+import { O as Be, a as Ee, T as he } from "./OrTabs-BUXLSz8o.mjs";
 import { O as ve } from "./OrTagInput-CjYmyfIU.mjs";
 import { O as Le, a as Me, T as we } from "./OrTag-Bixe0EQq.mjs";
 import { O as Ge, T as Ae } from "./OrTags-CS0bcLtx.mjs";

package/dist/types/components/or-filter-trigger-v3/OrFilterTrigger.vue.d.ts

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
@@ -30,10 +34,15 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
 }, {
+    icon: string;
     isOpen: boolean;
     value: string | number;
     label: string;

package/dist/types/components/or-filter-v3/OrFilter.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     triggerProps: {
         type: PropType<Omit<{
+            icon?: string | undefined;
             isOpen?: boolean | undefined;
             value?: string | number | undefined;
             label?: string | undefined;
@@ -129,6 +130,7 @@ declare const _default: import("vue").DefineComponent<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            icon?: string | undefined;
             isOpen?: boolean | undefined;
             value?: string | number | undefined;
             label?: string | undefined;
@@ -205,6 +207,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & {
             onClick?: ((...args: any[]) => any) | undefined;
             onReset?: ((...args: any[]) => any) | undefined;
@@ -215,6 +221,7 @@ declare const _default: import("vue").DefineComponent<{
             tagStyles: import("vue").ComputedRef<string[]>;
             reset: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "reset")[], string, {
+            icon: string;
             isOpen: boolean;
             value: string | number;
             label: string;
@@ -251,6 +258,10 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & {
         onClick?: ((...args: any[]) => any) | undefined;
         onReset?: ((...args: any[]) => any) | undefined;
@@ -504,6 +515,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     triggerProps: {
         type: PropType<Omit<{
+            icon?: string | undefined;
             isOpen?: boolean | undefined;
             value?: string | number | undefined;
             label?: string | undefined;
@@ -629,6 +641,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isOpen: boolean;
     triggerProps: Omit<{
+        icon?: string | undefined;
         isOpen?: boolean | undefined;
         value?: string | number | undefined;
         label?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "23.1.0",
+  "version": "23.1.2",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -46,8 +46,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^23.1.0",
-    "@onereach/ui-components-common": "^23.1.0",
+    "@onereach/styles": "^23.1.2",
+    "@onereach/ui-components-common": "^23.1.2",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -103,5 +103,5 @@
     "access": "public"
   },
   "npmUnpacked": "4.15.2",
-  "gitHead": "c80586c67acb60cb9347476f07f6bb516c731aca"
+  "gitHead": "1a476a5dc63f978dbc9fda492b381a9a2b084061"
 }

package/dist/esm/OrFilterTrigger-CiScTjiQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrFilterTrigger-CiScTjiQ.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=\"'filter_list'\"\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 { computed, defineComponent, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\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\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,GC3CAC,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,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,kCAzFWC,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,GAAa;AAAA,QAAA,OAAAJ,EAAA,MAAA;AAAA;;MAMRK,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;;;;;;;;"}

package/dist/esm/OrTab-Cl_ZBFjH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrTab-Cl_ZBFjH.mjs","sources":["../../../components/or-tab-v3/src/styles.ts","../../../components/or-tab-v3/src/OrTab.vue"],"sourcesContent":["export const Tab: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Spacing\n  '-mb-[1px]',\n\n  'px-0',\n  'py-[6px]',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-body-2-bold',\n\n  // Theme\n  'theme-foreground-secondary',\n  'dark:theme-foreground-secondary-dark',\n\n  'theme-border-transparent border-b-2',\n  'dark:theme-border-transparent-dark',\n\n  // Theme (hover)\n  'hover:md:theme-foreground-default',\n  'dark:hover:md:theme-foreground-default-dark',\n\n  // Theme (active)\n  'active:theme-foreground-default',\n  'dark:active:theme-foreground-default-dark',\n\n  'active:theme-border-current active:border-b-2',\n  'dark:active:theme-border-current-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-default',\n  'dark:selected:theme-foreground-default-dark',\n\n  'selected:theme-border-current selected:border-b-2',\n  'dark:selected:theme-border-current-dark',\n\n  // Theme (invalid)\n  'invalid:theme-foreground-error',\n  'dark:invalid:theme-foreground-error-dark',\n\n  // Theme (invalid + hover)\n  'hover:invalid:md:theme-foreground-error-hover',\n  'dark:hover:invalid:md:theme-foreground-error-hover-dark',\n\n  // Theme (invalid + active)\n  'active:invalid:theme-foreground-error',\n  'dark:active:invalid:theme-foreground-error-dark',\n\n  'active:invalid:theme-border-current active:invalid:border-b-2',\n  'dark:active:invalid:theme-border-current-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"selected\"\n    :invalid=\"invalid\"\n    :disabled=\"disabled\"\n    @click=\"$emit('click', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { Tab } from './styles';\n\nexport default defineComponent({\n  name: 'OrTab',\n\n  props: {\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tab-v3',\n      ...Tab,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["Tab","_sfc_main","defineComponent","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","$event"],"mappings":";;AAAO,MAAMA,IAAgB;AAAA;AAAA,EAE3B;AAAA;AAAA,EAGA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;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;AAAA,EAEA;AAAA,EACA;AACF,GCpCAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,QAAQ;AAEN,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGN;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAG;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA9DSE,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAOC,EAASR,EAAA,UAAA;AAAA,IAChB,UAAUA,EAAA;AAAA,IACV,SAAKA,EAAA;AAAA,IACL,UAAKA,EAAA;AAAA,IACL,SAAIC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAQ,MAAET,EAAK,MAAA,SAASS,CAAM;AAAA,IAAA,SAAAR,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAQ,MAAAT,EAAA,MAAA,SAAAS,CAAA;AAAA,IAE3B,QAAQR,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAQ,MAAAT,EAAA,MAAA,QAAAS,CAAA;AAAA,EAAA,GAAA;AAAA;;;;"}