@onereach/ui-components 26.11.3-beta.6034.0 → 26.11.3

package/dist/esm/{OrSorting-C399vsVm.mjs.map → OrSorting-ihkkh12O.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrSorting-C399vsVm.mjs","sources":["../../../components/or-sorting-v3/src/styles.ts","../../../components/or-sorting-v3/src/OrSorting.vue"],"sourcesContent":["export const SortingRoot = [];\nexport const SortingLabel = [\n  // Theme\n  'text-on-background dark:text-on-background-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrButton\n      :ref=\"'sortButton'\"\n      :variant=\"'link'\"\n      :color=\"'primary'\"\n      @click=\"sortMenu && sortMenu.toggle()\"\n    >\n      <span :class=\"sortLabelStyles\">\n        {{ sortLabel }}\n      </span>\n\n      <OrIcon\n        v-if=\"sortMenu\"\n        :icon=\"sortMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\"\n      />\n    </OrButton>\n\n    <OrMenu\n      :ref=\"'sortMenu'\"\n      :trigger=\"sortButton && sortButton.root\"\n      :placement=\"'bottom-start'\"\n      :offset=\"{ mainAxis: 8, crossAxis: -8 }\"\n    >\n      <OrMenuItem\n        v-for=\"item in options\"\n        :key=\"item.value\"\n        :selected=\"item.value === modelValue\"\n        @click=\"handleSort(item.value)\"\n      >\n        {{ item.label }}\n      </OrMenuItem>\n    </OrMenu>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\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 { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport { SortingLabel, SortingRoot } from './styles';\nimport { SortOption } from './types';\n\nexport default defineComponent({\n  name: 'OrSorting',\n\n  components: {\n    OrButton,\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: String,\n      default: undefined,\n    },\n\n    options: {\n      type: Array as PropType<SortOption[]>,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const sortMenu = ref<typeof OrMenu>();\n    const sortButton = ref<typeof OrButton>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-sorting-v3',\n      ...SortingRoot,\n    ]);\n\n    const sortLabelStyles = computed(() => [\n      ...SortingLabel,\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const sortLabel = computed(() => {\n      return props.options.find(item => item.value === proxyModelValue.value)?.label;\n    });\n\n    // Methods\n    function handleSort(sort: string) {\n      proxyModelValue.value = sort;\n    }\n\n    return {\n      root,\n      rootStyles,\n      sortLabelStyles,\n      sortMenu,\n      sortButton,\n      sortLabel,\n      handleSort,\n    };\n  },\n});\n\n</script>\n"],"names":["SortingRoot","SortingLabel","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","sortMenu","sortButton","rootStyles","computed","sortLabelStyles","proxyModelValue","useProxyModelValue","toRef","sortLabel","_a","item","handleSort","sort","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrButton","_cache","$event","_withCtx","_createElementVNode","_toDisplayString","_createBlock","_component_OrIcon","_component_OrMenu","_Fragment","_renderList","_component_OrMenuItem"],"mappings":";;;;;;;AAAO,MAAMA,IAAc,CAAA,GACdC,IAAe;AAAA;AAAA,EAE1B;AACF,GC8CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KACPC,IAAWD,KACXE,IAAaF,KAGbG,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGf;AAAA,IAAA,CACJ,GAEKgB,IAAkBD,EAAS,MAAM;AAAA,MACrC,GAAGd;AAAA,IAAA,CACJ,GAGKgB,IAAkBC,EAAmBC,EAAMX,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAC7EW,IAAYL,EAAS,MAAM;;AACxB,cAAAM,IAAAb,EAAM,QAAQ,KAAK,CAAAc,MAAQA,EAAK,UAAUL,EAAgB,KAAK,MAA/D,gBAAAI,EAAkE;AAAA,IAAA,CAC1E;AAGD,aAASE,EAAWC,GAAc;AAChC,MAAAP,EAAgB,QAAQO;AAAA,IAC1B;AAEO,WAAA;AAAA,MACL,MAAAd;AAAA,MACA,YAAAI;AAAA,MACA,iBAAAE;AAAA,MACA,UAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,WAAAO;AAAA,MACA,YAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;qEArHCE,EAmCM,QAAA;SAjCEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAcWC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAZCC,GAAM;AAAA,MACf,KAAK;AAAA,MACL,SAAK;AAAA,MAAA,OAAA;AAAA,MAIC,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAH,EAAA,YAAAA,EAAA,SAAA,OAAA;AAAA,IAAA,GAAA;AAAA,MAFK,SAAAI,EAAA,MAAA;AAAA,QACPC,EAAA,QAAA;AAAA,UAIG,OAAQN,EAAAC,EAAA,eAAA;AAAA,QAAA,GAAAM,EADhBN,EAGE,SAAA,GAAA,CAAA;AAAA,QAAAA,EAAA,YAAAH,KADqBU,EAAAC,GAAA;AAAA,UAAA,KAAA;AAAA;;;MAIzB,GAAA;AAAA,IAAA,CAAA;AAAA,MAEYC,GAAc;AAAA,MACvB,KAAA;AAAA,MACA,SAAQT,EAA8B,cAAAA,EAAA,WAAA;AAAA,MAAA,WAAA;AAAA,MAGd,QAAA,EAAA,UAAA,GAAA,WAAA,GAAA;AAAA,IAAA,GAAA;AAAA;SACjBH,EAAA,EAAK,GAAKC,EAAAY,GAAA,MAAAC,EAAAX,EAAA,SAAA,CAAAP,OACfI,EAAe,GAAKU,EAAKK,GAAU;AAAA,UACnC,KAAKnB,EAAA;AAAA,UAAA,UAAAA,EAAA,UAAAO,EAAA;AAAA,UAEU,SAAA,CAAAG,MAAAH,EAAA,WAAAP,EAAA,KAAA;AAAA,QAAA,GAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"OrSorting-ihkkh12O.mjs","sources":["../../../components/or-sorting-v3/src/styles.ts","../../../components/or-sorting-v3/src/OrSorting.vue"],"sourcesContent":["export const SortingRoot = [];\nexport const SortingLabel = [\n  // Theme\n  'text-on-background dark:text-on-background-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrButton\n      :ref=\"'sortButton'\"\n      :variant=\"'link'\"\n      :color=\"'primary'\"\n      @click=\"sortMenu && sortMenu.toggle()\"\n    >\n      <span :class=\"sortLabelStyles\">\n        {{ sortLabel }}\n      </span>\n\n      <OrIcon\n        v-if=\"sortMenu\"\n        :icon=\"sortMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\"\n      />\n    </OrButton>\n\n    <OrMenu\n      :ref=\"'sortMenu'\"\n      :trigger=\"sortButton && sortButton.root\"\n      :placement=\"'bottom-start'\"\n      :offset=\"{ mainAxis: 8, crossAxis: -8 }\"\n    >\n      <OrMenuItem\n        v-for=\"item in options\"\n        :key=\"item.value\"\n        :selected=\"item.value === modelValue\"\n        @click=\"handleSort(item.value)\"\n      >\n        {{ item.label }}\n      </OrMenuItem>\n    </OrMenu>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\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 { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport { SortingLabel, SortingRoot } from './styles';\nimport { SortOption } from './types';\n\nexport default defineComponent({\n  name: 'OrSorting',\n\n  components: {\n    OrButton,\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: String,\n      default: undefined,\n    },\n\n    options: {\n      type: Array as PropType<SortOption[]>,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const sortMenu = ref<typeof OrMenu>();\n    const sortButton = ref<typeof OrButton>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-sorting-v3',\n      ...SortingRoot,\n    ]);\n\n    const sortLabelStyles = computed(() => [\n      ...SortingLabel,\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const sortLabel = computed(() => {\n      return props.options.find(item => item.value === proxyModelValue.value)?.label;\n    });\n\n    // Methods\n    function handleSort(sort: string) {\n      proxyModelValue.value = sort;\n    }\n\n    return {\n      root,\n      rootStyles,\n      sortLabelStyles,\n      sortMenu,\n      sortButton,\n      sortLabel,\n      handleSort,\n    };\n  },\n});\n\n</script>\n"],"names":["SortingRoot","SortingLabel","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","sortMenu","sortButton","rootStyles","computed","sortLabelStyles","proxyModelValue","useProxyModelValue","toRef","sortLabel","_a","item","handleSort","sort","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrButton","_cache","$event","_withCtx","_createElementVNode","_toDisplayString","_createBlock","_component_OrIcon","_component_OrMenu","_Fragment","_renderList","_component_OrMenuItem"],"mappings":";;;;;;;AAAO,MAAMA,IAAc,CAAA,GACdC,IAAe;AAAA;AAAA,EAE1B;AACF,GC8CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KACPC,IAAWD,KACXE,IAAaF,KAGbG,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGf;AAAA,IAAA,CACJ,GAEKgB,IAAkBD,EAAS,MAAM;AAAA,MACrC,GAAGd;AAAA,IAAA,CACJ,GAGKgB,IAAkBC,EAAmBC,EAAMX,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAC7EW,IAAYL,EAAS,MAAM;;AACxB,cAAAM,IAAAb,EAAM,QAAQ,KAAK,CAAAc,MAAQA,EAAK,UAAUL,EAAgB,KAAK,MAA/D,gBAAAI,EAAkE;AAAA,IAAA,CAC1E;AAGD,aAASE,EAAWC,GAAc;AAChC,MAAAP,EAAgB,QAAQO;AAAA,IAC1B;AAEO,WAAA;AAAA,MACL,MAAAd;AAAA,MACA,YAAAI;AAAA,MACA,iBAAAE;AAAA,MACA,UAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,WAAAO;AAAA,MACA,YAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;qEArHCE,EAmCM,QAAA;SAjCEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAcWC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAZCC,GAAM;AAAA,MACf,KAAK;AAAA,MACL,SAAK;AAAA,MAAA,OAAA;AAAA,MAIC,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAH,EAAA,YAAAA,EAAA,SAAA,OAAA;AAAA,IAAA,GAAA;AAAA,MAFK,SAAAI,EAAA,MAAA;AAAA,QACPC,EAAA,QAAA;AAAA,UAIG,OAAQN,EAAAC,EAAA,eAAA;AAAA,QAAA,GAAAM,EADhBN,EAGE,SAAA,GAAA,CAAA;AAAA,QAAAA,EAAA,YAAAH,KADqBU,EAAAC,GAAA;AAAA,UAAA,KAAA;AAAA;;;MAIzB,GAAA;AAAA,IAAA,CAAA;AAAA,MAEYC,GAAc;AAAA,MACvB,KAAA;AAAA,MACA,SAAQT,EAA8B,cAAAA,EAAA,WAAA;AAAA,MAAA,WAAA;AAAA,MAGd,QAAA,EAAA,UAAA,GAAA,WAAA,GAAA;AAAA,IAAA,GAAA;AAAA;SACjBH,EAAA,EAAK,GAAKC,EAAAY,GAAA,MAAAC,EAAAX,EAAA,SAAA,CAAAP,OACfI,EAAe,GAAKU,EAAKK,GAAU;AAAA,UACnC,KAAKnB,EAAA;AAAA,UAAA,UAAAA,EAAA,UAAAO,EAAA;AAAA,UAEU,SAAA,CAAAG,MAAAH,EAAA,WAAAP,EAAA,KAAA;AAAA,QAAA,GAAA;AAAA;;;;;;;;;;;"}

package/dist/esm/{OrSubMenuItem-DoKP5gqw.mjs → OrSubMenuItem-BBg7SvWQ.mjs}

@@ -1,8 +1,8 @@
 import { usePopoverState as L, useResponsive as w } from "@onereach/ui-components-common";
 import { O as y } from "./OrIcon-k8cyvh-D.mjs";
-import { O as E } from "./OrMenuItem-DBL2L3XK.mjs";
-import { O as H } from "./OrMenu-DV5sTMvh.mjs";
-import { a as P } from "./OrPopover-aLMwD-Em.mjs";
+import { O as E } from "./OrMenuItem-KgHok8gW.mjs";
+import { O as H } from "./OrMenu-Cc6IzYWK.mjs";
+import { a as P } from "./OrPopover-DDoG-KKY.mjs";
 import { defineComponent as $, toRef as B, ref as p, nextTick as i, resolveComponent as d, openBlock as C, createBlock as R, withCtx as m, createVNode as b, renderSlot as g, createElementBlock as N, createCommentVNode as V } from "vue";
 import "@onereach/ui-components-common/utils";
 import "@floating-ui/dom";
@@ -157,4 +157,4 @@ const Y = /* @__PURE__ */ _(j, [["render", z]]);
 export {
   Y as O
 };
-//# sourceMappingURL=OrSubMenuItem-DoKP5gqw.mjs.map
+//# sourceMappingURL=OrSubMenuItem-BBg7SvWQ.mjs.map

package/dist/esm/{OrSubMenuItem-DoKP5gqw.mjs.map → OrSubMenuItem-BBg7SvWQ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrSubMenuItem-DoKP5gqw.mjs","sources":["../../../components/or-sub-menu-item-v3/src/OrSubMenuItem.vue"],"sourcesContent":["<template>\n  <OrMenuItem\n    ref=\"root\"\n    class=\"or-sub-menu-item-v3\"\n    :icon=\"icon\"\n    :selected=\"selected || state === 'open'\"\n    :disabled=\"disabled\"\n    :tooltip-text=\"tooltipText\"\n    @click=\"handleClickOnTrigger\"\n    @mouseenter=\"handleMouseEnterSubMenuItem\"\n    @mouseleave=\"handleMouseLeaveSubMenuItem\"\n  >\n    <slot />\n    <template v-slot:append>\n      <OrIcon\n        icon=\"arrow_right\"\n      />\n    </template>\n    <OrMenu\n      ref=\"menu\"\n      :is-open=\"state === 'open'\"\n      :trigger=\"root && root.root\"\n      :placement=\"placement\"\n      :offset=\"0\"\n      @mouseleave=\"handleMouseLeaveMenu\"\n      @click=\"handleClickMenu\"\n    >\n      <slot name=\"items\" />\n    </OrMenu>\n    <div\n      v-if=\"capturedContent\"\n      class=\"hidden\"\n      v-html=\"capturedContent\"\n    />\n  </OrMenuItem>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState, useResponsive } from '@onereach/ui-components-common';\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 { PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { defineComponent, nextTick, PropType, ref, toRef } from 'vue';\n\n\nexport default defineComponent({\n  name: 'OrSubMenuItem',\n\n  components: {\n    OrMenuItem,\n    OrIcon,\n    OrMenu,\n  },\n  props: {\n    icon: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrIcon>['$props']>,\n      default: undefined,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.RightStart,\n    },\n\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n\n  emits: [\n    'open',\n    'close',\n    'update:state',\n\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    const { state, open, close } = usePopoverState(toRef(props, 'selected'), context.emit);\n    const { isMobile } = useResponsive();\n\n    const root = ref<InstanceType<typeof OrMenuItem> | null>(null);\n    const menu = ref<InstanceType<typeof OrMenu> | null>(null);\n    const capturedContent = ref<string | null>(null);\n\n\n    function handleMouseLeaveSubMenuItem(event: MouseEvent) {\n      nextTick(() => {\n        if (!menu.value?.root?.contains(event.relatedTarget as Node)) {\n          close();\n        }\n      });\n    }\n\n    function handleMouseLeaveMenu(event: MouseEvent) {\n      const relatedTarget = event.relatedTarget as Node | null;\n      capturePopoverContent();\n      nextTick(() => {\n        setTimeout(() => {\n          nextTick(() => {\n            if (relatedTarget instanceof HTMLElement) {\n              const relatedTargetHtml = relatedTarget?.outerHTML || '';\n              const isInsideCapturedContent = capturedContent.value?.includes(relatedTargetHtml);\n              if (!isInsideCapturedContent) {\n                close();\n              }\n            }\n          });\n        });\n      });\n    }\n\n    function handleMouseEnterSubMenuItem() {\n      if (isMobile.value) return;\n      open();\n      capturePopoverContent();\n    }\n\n    function handleClickMenu() {\n      const event = new MouseEvent('click', {\n        bubbles: true,\n        cancelable: true,\n        view: window,\n      });\n      (event as any).isSimulated = true;\n      root.value?.root?.dispatchEvent(event);\n    }\n\n    function handleClickOnTrigger(event: MouseEvent) {\n      if (isMobile.value) {\n        event.stopPropagation();\n        open();\n      } else {\n        if ((event as any).isSimulated) {\n          return;\n        }\n        if (event.currentTarget === root.value?.root) {\n          event.stopPropagation();\n        }\n      }\n    }\n\n    function capturePopoverContent() {\n      nextTick(() => setTimeout(() => {\n        if (menu.value?.root) {\n          capturedContent.value = menu.value.root.innerHTML;\n        }\n      }));\n    }\n\n    return {\n      root,\n      menu,\n      open,\n      close,\n      state,\n      handleMouseLeaveMenu,\n      handleMouseLeaveSubMenuItem,\n      handleMouseEnterSubMenuItem,\n      handleClickMenu,\n      handleClickOnTrigger,\n      capturedContent,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrMenuItem","OrIcon","OrMenu","PopoverPlacement","props","context","state","open","close","usePopoverState","toRef","isMobile","useResponsive","root","ref","menu","capturedContent","handleMouseLeaveSubMenuItem","event","nextTick","_b","_a","handleMouseLeaveMenu","relatedTarget","capturePopoverContent","relatedTargetHtml","handleMouseEnterSubMenuItem","handleClickMenu","handleClickOnTrigger","_resolveComponent","_openBlock","_createBlock","_component_OrMenuItem","_ctx","_createVNode","_component_OrIcon","_withCtx","_renderSlot","_component_OrMenu","_createElementBlock"],"mappings":";;;;;;;;;AA8CA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAiB;AAAA,IAClC;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAGA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AACd,UAAA,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,EAAM,IAAIC,EAAgBC,EAAMN,GAAO,UAAU,GAAGC,EAAQ,IAAI,GAC/E,EAAE,UAAAM,MAAaC,KAEfC,IAAOC,EAA4C,IAAI,GACvDC,IAAOD,EAAwC,IAAI,GACnDE,IAAkBF,EAAmB,IAAI;AAG/C,aAASG,EAA4BC,GAAmB;AACtD,MAAAC,EAAS,MAAM;;AACb,SAAKC,KAAAC,IAAAN,EAAK,UAAL,gBAAAM,EAAY,SAAZ,QAAAD,EAAkB,SAASF,EAAM,kBAC9BV;MACR,CACD;AAAA,IACH;AAEA,aAASc,EAAqBJ,GAAmB;AAC/C,YAAMK,IAAgBL,EAAM;AACN,MAAAM,KACtBL,EAAS,MAAM;AACb,mBAAW,MAAM;AACf,UAAAA,EAAS,MAAM;;AACb,gBAAII,aAAyB,aAAa;AAClC,oBAAAE,KAAoBF,KAAA,gBAAAA,EAAe,cAAa;AAEtD,gBADgCF,IAAAL,EAAgB,UAAhB,gBAAAK,EAAuB,SAASI,OAExDjB;YAEV;AAAA,UAAA,CACD;AAAA,QAAA,CACF;AAAA,MAAA,CACF;AAAA,IACH;AAEA,aAASkB,IAA8B;AACrC,MAAIf,EAAS,UACRJ,KACiBiB;IACxB;AAEA,aAASG,IAAkB;;AACnB,YAAAT,IAAQ,IAAI,WAAW,SAAS;AAAA,QACpC,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,MAAM;AAAA,MAAA,CACP;AACA,MAAAA,EAAc,cAAc,KACxBE,KAAAC,IAAAR,EAAA,UAAA,gBAAAQ,EAAO,SAAP,QAAAD,EAAa,cAAcF;AAAA,IAClC;AAEA,aAASU,EAAqBV,GAAmB;;AAC/C,UAAIP,EAAS;AACX,QAAAO,EAAM,gBAAgB,GACjBX;WACA;AACL,YAAKW,EAAc;AACjB;AAEF,QAAIA,EAAM,oBAAkBG,IAAAR,EAAK,UAAL,gBAAAQ,EAAY,SACtCH,EAAM,gBAAgB;AAAA,MAE1B;AAAA,IACF;AAEA,aAASM,IAAwB;AACtB,MAAAL,EAAA,MAAM,WAAW,MAAM;;AAC1B,SAAAE,IAAAN,EAAK,UAAL,QAAAM,EAAY,SACEL,EAAA,QAAQD,EAAK,MAAM,KAAK;AAAA,MAE3C,CAAA,CAAC;AAAA,IACJ;AAEO,WAAA;AAAA,MACL,MAAAF;AAAA,MACA,MAAAE;AAAA,MACA,MAAAR;AAAA,MACA,OAAAC;AAAA,MACA,OAAAF;AAAA,MACA,sBAAAgB;AAAA,MACA,6BAAAL;AAAA,MACA,6BAAAS;AAAA,MACA,iBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,iBAAAZ;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;8CAtLCa,EAiCa,YAAA;AA/BN,SAAAC,EAAA,GAAsBC,EAAAC,GAAA;AAAA,IAC1B,KAAI;AAAA,IACJ,OAAA;AAAA,IACA,MAAUC,EAAA;AAAA,IACV,UAAAA,EAAY,YAAEA,EAAW,UAAA;AAAA,IACzB,UAAOA,EAAA;AAAA,IACP,gBAAYA,EAAA;AAAA,IACZ,SAAYA,EAAA;AAAA,IAAA,cAAAA,EAAA;AAAA,IAGI,cAAMA,EAGnB;AAAA,EAAA,GAAA;AAAA;MAJIC,EAAAC,GAAA,EAAA,MAAA,cAAA,CAAA;AAAA,IAAA,CAAA;AAAA,aAMRC,EAUS,MAAA;AAAA,MAAAC,EATHJ,EAAM,QAAA,SAAA;AAAA,MAAAC,EACAI,GAAK;AAAA,QACd,KAAA;AAAA,QACA,WAAWL,EAAS,UAAA;AAAA,QACpB,SAASA,EAAA,QAAAA,EAAA,KAAA;AAAA,QACT,WAAYA,EAAA;AAAA,QACZ,QAAK;AAAA,QAAA,cAAAA,EAAA;AAAA;;;;;QAKA,GAAA;AAAA,MAAA,GAAA,GAAA,CAAA,WAAA,WADR,aAIE,gBAAA,SAAA,CAAA;AAAA,MAAAA,EAAA,mBAAAH,KAFcS,EAAA,OAAA;AAAA,QACd,KAAA;AAAA,QAAA,OAAA;AAAA;;;;;;;"}
+{"version":3,"file":"OrSubMenuItem-BBg7SvWQ.mjs","sources":["../../../components/or-sub-menu-item-v3/src/OrSubMenuItem.vue"],"sourcesContent":["<template>\n  <OrMenuItem\n    ref=\"root\"\n    class=\"or-sub-menu-item-v3\"\n    :icon=\"icon\"\n    :selected=\"selected || state === 'open'\"\n    :disabled=\"disabled\"\n    :tooltip-text=\"tooltipText\"\n    @click=\"handleClickOnTrigger\"\n    @mouseenter=\"handleMouseEnterSubMenuItem\"\n    @mouseleave=\"handleMouseLeaveSubMenuItem\"\n  >\n    <slot />\n    <template v-slot:append>\n      <OrIcon\n        icon=\"arrow_right\"\n      />\n    </template>\n    <OrMenu\n      ref=\"menu\"\n      :is-open=\"state === 'open'\"\n      :trigger=\"root && root.root\"\n      :placement=\"placement\"\n      :offset=\"0\"\n      @mouseleave=\"handleMouseLeaveMenu\"\n      @click=\"handleClickMenu\"\n    >\n      <slot name=\"items\" />\n    </OrMenu>\n    <div\n      v-if=\"capturedContent\"\n      class=\"hidden\"\n      v-html=\"capturedContent\"\n    />\n  </OrMenuItem>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState, useResponsive } from '@onereach/ui-components-common';\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 { PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { defineComponent, nextTick, PropType, ref, toRef } from 'vue';\n\n\nexport default defineComponent({\n  name: 'OrSubMenuItem',\n\n  components: {\n    OrMenuItem,\n    OrIcon,\n    OrMenu,\n  },\n  props: {\n    icon: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrIcon>['$props']>,\n      default: undefined,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.RightStart,\n    },\n\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n\n  emits: [\n    'open',\n    'close',\n    'update:state',\n\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    const { state, open, close } = usePopoverState(toRef(props, 'selected'), context.emit);\n    const { isMobile } = useResponsive();\n\n    const root = ref<InstanceType<typeof OrMenuItem> | null>(null);\n    const menu = ref<InstanceType<typeof OrMenu> | null>(null);\n    const capturedContent = ref<string | null>(null);\n\n\n    function handleMouseLeaveSubMenuItem(event: MouseEvent) {\n      nextTick(() => {\n        if (!menu.value?.root?.contains(event.relatedTarget as Node)) {\n          close();\n        }\n      });\n    }\n\n    function handleMouseLeaveMenu(event: MouseEvent) {\n      const relatedTarget = event.relatedTarget as Node | null;\n      capturePopoverContent();\n      nextTick(() => {\n        setTimeout(() => {\n          nextTick(() => {\n            if (relatedTarget instanceof HTMLElement) {\n              const relatedTargetHtml = relatedTarget?.outerHTML || '';\n              const isInsideCapturedContent = capturedContent.value?.includes(relatedTargetHtml);\n              if (!isInsideCapturedContent) {\n                close();\n              }\n            }\n          });\n        });\n      });\n    }\n\n    function handleMouseEnterSubMenuItem() {\n      if (isMobile.value) return;\n      open();\n      capturePopoverContent();\n    }\n\n    function handleClickMenu() {\n      const event = new MouseEvent('click', {\n        bubbles: true,\n        cancelable: true,\n        view: window,\n      });\n      (event as any).isSimulated = true;\n      root.value?.root?.dispatchEvent(event);\n    }\n\n    function handleClickOnTrigger(event: MouseEvent) {\n      if (isMobile.value) {\n        event.stopPropagation();\n        open();\n      } else {\n        if ((event as any).isSimulated) {\n          return;\n        }\n        if (event.currentTarget === root.value?.root) {\n          event.stopPropagation();\n        }\n      }\n    }\n\n    function capturePopoverContent() {\n      nextTick(() => setTimeout(() => {\n        if (menu.value?.root) {\n          capturedContent.value = menu.value.root.innerHTML;\n        }\n      }));\n    }\n\n    return {\n      root,\n      menu,\n      open,\n      close,\n      state,\n      handleMouseLeaveMenu,\n      handleMouseLeaveSubMenuItem,\n      handleMouseEnterSubMenuItem,\n      handleClickMenu,\n      handleClickOnTrigger,\n      capturedContent,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrMenuItem","OrIcon","OrMenu","PopoverPlacement","props","context","state","open","close","usePopoverState","toRef","isMobile","useResponsive","root","ref","menu","capturedContent","handleMouseLeaveSubMenuItem","event","nextTick","_b","_a","handleMouseLeaveMenu","relatedTarget","capturePopoverContent","relatedTargetHtml","handleMouseEnterSubMenuItem","handleClickMenu","handleClickOnTrigger","_resolveComponent","_openBlock","_createBlock","_component_OrMenuItem","_ctx","_createVNode","_component_OrIcon","_withCtx","_renderSlot","_component_OrMenu","_createElementBlock"],"mappings":"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"}

package/dist/esm/{OrTabs-BldbQUZK.mjs → OrTabs-eXFvC3c6.mjs}

@@ -1,7 +1,7 @@
 import { useProxyModelValue as H } from "@onereach/ui-components-common/hooks";
 import { O as P } from "./OrIcon-k8cyvh-D.mjs";
-import { O as J } from "./OrMenuItem-DBL2L3XK.mjs";
-import { O as K } from "./OrMenu-DV5sTMvh.mjs";
+import { O as J } from "./OrMenuItem-KgHok8gW.mjs";
+import { O as K } from "./OrMenu-Cc6IzYWK.mjs";
 import { O as Q } from "./OrTab-BdtxL_PY.mjs";
 import { useResizeObserver as U } from "@vueuse/core";
 import { defineComponent as Y, ref as k, computed as i, reactive as Z, toRef as _, watch as x, nextTick as N, onMounted as ee, resolveComponent as b, openBlock as n, createElementBlock as r, normalizeClass as S, createElementVNode as B, Fragment as d, renderList as C, createBlock as W, withModifiers as V, withCtx as g, renderSlot as z, createTextVNode as A, toDisplayString as G, createVNode as $, createCommentVNode as j, withDirectives as oe, vShow as te } from "vue";
@@ -248,4 +248,4 @@ export {
   D as T,
   c as a
 };
-//# sourceMappingURL=OrTabs-BldbQUZK.mjs.map
+//# sourceMappingURL=OrTabs-eXFvC3c6.mjs.map

package/dist/esm/{OrTabs-BldbQUZK.mjs.map → OrTabs-eXFvC3c6.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrTabs-BldbQUZK.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 { 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 { useResizeObserver } from '@vueuse/core';\nimport { PropType, computed, defineComponent, nextTick, onMounted, reactive, ref, toRef, watch } from 'vue';\n\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-eXFvC3c6.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 { 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 { useResizeObserver } from '@vueuse/core';\nimport { PropType, computed, defineComponent, nextTick, onMounted, reactive, ref, toRef, watch } from 'vue';\n\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/{OrTag-B1rAprv3.mjs → OrTag-DWp6cMUp.mjs}

@@ -1,4 +1,4 @@
-import { O as f } from "./OrIconButton-BCIKn82o.mjs";
+import { O as f } from "./OrIconButton-D1pxfMA_.mjs";
 import { defineComponent as p, ref as g, computed as i, watchPostEffect as v, unref as y, resolveComponent as b, openBlock as d, createElementBlock as u, normalizeClass as m, createElementVNode as k, renderSlot as $, createVNode as B, withModifiers as O, createCommentVNode as h } from "vue";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var n = /* @__PURE__ */ ((e) => (e.Tag = "tag", e.Button = "button", e.Reset = "reset", e))(n || {}), s = /* @__PURE__ */ ((e) => (e.Default = "default", e.Danger = "danger", e))(s || {});
@@ -120,4 +120,4 @@ export {
   n as T,
   s as a
 };
-//# sourceMappingURL=OrTag-B1rAprv3.mjs.map
+//# sourceMappingURL=OrTag-DWp6cMUp.mjs.map

package/dist/esm/{OrTag-B1rAprv3.mjs.map → OrTag-DWp6cMUp.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrTag-B1rAprv3.mjs","sources":["../../../components/or-tag-v3/src/props.ts","../../../components/or-tag-v3/src/styles.ts","../../../components/or-tag-v3/src/OrTag.vue"],"sourcesContent":["export enum TagVariant {\n  Tag = 'tag',\n  Button = 'button',\n  Reset = 'reset',\n}\n\nexport enum TagColor {\n  Default = 'default',\n  Danger = 'danger',\n}\n","import { TagColor, TagVariant } from './props';\n\nexport const Tag: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Spacing\n  'px-sm+ md:px-sm',\n  'py-sm md:py-xs',\n\n  'gap-sm+ md:gap-sm',\n\n  // Shape\n  'rounded-full',\n\n  // Typography\n  'typography-caption-regular whitespace-nowrap',\n];\n\nexport const TagVariants: Record<TagVariant, string[]> = {\n  [TagVariant.Tag]: [\n    // Interactivity\n    'interactivity-select',\n  ],\n\n  [TagVariant.Button]: [\n    // Interactivity\n    'interactivity-click',\n  ],\n\n  [TagVariant.Reset]: [\n    // Interactivity\n    'interactivity-default',\n  ],\n};\n\nexport const TagColors: Record<TagColor, string[]> = {\n  [TagColor.Default]: [\n    // Theme\n    'theme-preset-2-primary',\n    'dark:theme-preset-2-primary-dark',\n\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n  ],\n\n  [TagColor.Danger]: [\n    // Theme\n    'theme-preset-2-error',\n    'dark:theme-preset-2-error-dark',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :tabindex=\"!disabled && variant === 'button' ? 0 : null\"\n    :disabled=\"disabled\"\n    @click=\"$emit('click', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n  >\n    <div class=\"truncate\">\n      <slot />\n    </div>\n\n    <template v-if=\"variant === 'reset'\">\n      <div :class=\"['layout-inline-row', '-m-[4px] md:-m-[2px]']\">\n        <OrIconButton\n          :icon=\"'close'\"\n          :color=\"custom ? 'inherit' : color\"\n          :disabled=\"disabled\"\n          @click.stop=\"$emit('reset')\"\n        />\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 { computed, defineComponent, PropType, ref, unref, watchPostEffect } from 'vue';\n\nimport { TagColor, TagVariant } from './props';\nimport { Tag, TagColors, TagVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrTag',\n\n  components: {\n    OrIconButton,\n  },\n\n  props: {\n    variant: {\n      type: String as PropType<`${TagVariant}`>,\n      default: () => TagVariant.Tag,\n    },\n\n    color: {\n      type: String as PropType<`${TagColor}` | string>,\n      default: () => TagColor.Default,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n\n    'reset',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tag-v3',\n      ...Tag,\n      ...TagVariants[props.variant],\n      ...!custom.value ? TagColors[props.color as TagColor] : [],\n    ]);\n\n    // State\n    const custom = computed(() => {\n      return !(['default', 'danger'] as TagColor[]).includes(props.color as TagColor);\n    });\n\n    // Effects\n    watchPostEffect(() => {\n      const rootElement = unref(root);\n\n      if (rootElement) {\n        Object.assign(rootElement.style, {\n          backgroundColor: custom.value ? `${props.color}1f` : '',\n          color: custom.value ? props.color : '',\n        });\n      }\n    });\n\n    return {\n      root,\n      rootStyles,\n      custom,\n    };\n  },\n});\n</script>\n"],"names":["TagVariant","TagColor","Tag","TagVariants","TagColors","_sfc_main","defineComponent","OrIconButton","props","root","ref","rootStyles","computed","custom","watchPostEffect","rootElement","unref","_hoisted_3","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_createVNode","_component_OrIconButton"],"mappings":"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"}
+{"version":3,"file":"OrTag-DWp6cMUp.mjs","sources":["../../../components/or-tag-v3/src/props.ts","../../../components/or-tag-v3/src/styles.ts","../../../components/or-tag-v3/src/OrTag.vue"],"sourcesContent":["export enum TagVariant {\n  Tag = 'tag',\n  Button = 'button',\n  Reset = 'reset',\n}\n\nexport enum TagColor {\n  Default = 'default',\n  Danger = 'danger',\n}\n","import { TagColor, TagVariant } from './props';\n\nexport const Tag: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Spacing\n  'px-sm+ md:px-sm',\n  'py-sm md:py-xs',\n\n  'gap-sm+ md:gap-sm',\n\n  // Shape\n  'rounded-full',\n\n  // Typography\n  'typography-caption-regular whitespace-nowrap',\n];\n\nexport const TagVariants: Record<TagVariant, string[]> = {\n  [TagVariant.Tag]: [\n    // Interactivity\n    'interactivity-select',\n  ],\n\n  [TagVariant.Button]: [\n    // Interactivity\n    'interactivity-click',\n  ],\n\n  [TagVariant.Reset]: [\n    // Interactivity\n    'interactivity-default',\n  ],\n};\n\nexport const TagColors: Record<TagColor, string[]> = {\n  [TagColor.Default]: [\n    // Theme\n    'theme-preset-2-primary',\n    'dark:theme-preset-2-primary-dark',\n\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n  ],\n\n  [TagColor.Danger]: [\n    // Theme\n    'theme-preset-2-error',\n    'dark:theme-preset-2-error-dark',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :tabindex=\"!disabled && variant === 'button' ? 0 : null\"\n    :disabled=\"disabled\"\n    @click=\"$emit('click', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n  >\n    <div class=\"truncate\">\n      <slot />\n    </div>\n\n    <template v-if=\"variant === 'reset'\">\n      <div :class=\"['layout-inline-row', '-m-[4px] md:-m-[2px]']\">\n        <OrIconButton\n          :icon=\"'close'\"\n          :color=\"custom ? 'inherit' : color\"\n          :disabled=\"disabled\"\n          @click.stop=\"$emit('reset')\"\n        />\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 { computed, defineComponent, PropType, ref, unref, watchPostEffect } from 'vue';\n\nimport { TagColor, TagVariant } from './props';\nimport { Tag, TagColors, TagVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrTag',\n\n  components: {\n    OrIconButton,\n  },\n\n  props: {\n    variant: {\n      type: String as PropType<`${TagVariant}`>,\n      default: () => TagVariant.Tag,\n    },\n\n    color: {\n      type: String as PropType<`${TagColor}` | string>,\n      default: () => TagColor.Default,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n\n    'reset',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tag-v3',\n      ...Tag,\n      ...TagVariants[props.variant],\n      ...!custom.value ? TagColors[props.color as TagColor] : [],\n    ]);\n\n    // State\n    const custom = computed(() => {\n      return !(['default', 'danger'] as TagColor[]).includes(props.color as TagColor);\n    });\n\n    // Effects\n    watchPostEffect(() => {\n      const rootElement = unref(root);\n\n      if (rootElement) {\n        Object.assign(rootElement.style, {\n          backgroundColor: custom.value ? `${props.color}1f` : '',\n          color: custom.value ? props.color : '',\n        });\n      }\n    });\n\n    return {\n      root,\n      rootStyles,\n      custom,\n    };\n  },\n});\n</script>\n"],"names":["TagVariant","TagColor","Tag","TagVariants","TagColors","_sfc_main","defineComponent","OrIconButton","props","root","ref","rootStyles","computed","custom","watchPostEffect","rootElement","unref","_hoisted_3","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_createVNode","_component_OrIconButton"],"mappings":"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"}

package/dist/esm/{OrTagInput-CYN56jMl.mjs → OrTagInput-DIMSvMNK.mjs}

@@ -3,14 +3,14 @@ import { useResponsive as le, useIdAttribute as re, useControlAttributes as ne,
 import { toArray as ie, include as ue, exclude as pe } from "@onereach/ui-components-common/utils";
 import { O as fe } from "./OrError-B5ihH6-3.mjs";
 import { O as ve } from "./OrHint-NvbZyURY.mjs";
-import { O as me } from "./OrIconButton-BCIKn82o.mjs";
+import { O as me } from "./OrIconButton-D1pxfMA_.mjs";
 import { O as ye } from "./OrInputBox-6ciokFdU.mjs";
 import { a as ge } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
 import { O as be } from "./OrLabel-K7_HgvcK.mjs";
 import { O as ce } from "./OrLoader-2SaTMxmZ.mjs";
-import { a as K, T as U } from "./OrTag-B1rAprv3.mjs";
+import { a as K, T as U } from "./OrTag-DWp6cMUp.mjs";
 import { defineComponent as he, ref as f, toRefs as Oe, computed as s, reactive as Be, watch as we, nextTick as A, resolveComponent as p, openBlock as B, createElementBlock as Ve, normalizeClass as E, createBlock as P, withCtx as l, renderSlot as v, createTextVNode as m, toDisplayString as i, createCommentVNode as D, createVNode as w, createSlots as V, createElementVNode as j, withDirectives as q, mergeProps as Ie, withKeys as ke, vModelDynamic as Se, vShow as G } from "vue";
-import { O as $e, T as J } from "./OrTags-CE6LMI_6.mjs";
+import { O as $e, T as J } from "./OrTags-DKwmNfkN.mjs";
 import { onClickOutside as Te } from "@vueuse/core";
 import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const Me = [
@@ -388,4 +388,4 @@ const Ze = /* @__PURE__ */ Le(Ee, [["render", qe], ["__scopeId", "data-v-2baf79b
 export {
   Ze as O
 };
-//# sourceMappingURL=OrTagInput-CYN56jMl.mjs.map
+//# sourceMappingURL=OrTagInput-DIMSvMNK.mjs.map

package/dist/esm/{OrTagInput-CYN56jMl.mjs.map → OrTagInput-DIMSvMNK.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrTagInput-CYN56jMl.mjs","sources":["../../../components/or-tag-input-v3/src/styles.ts","../../../components/or-tag-input-v3/src/OrTagInput.vue"],"sourcesContent":["export const TagInput: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TagInputControl: string[] = [\n  // Layout\n  // 'flex-auto',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n];\n\nexport const TagInputItem: string[] = [\n  // Box\n  '!min-h-0',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :control-id=\"controlAttributes.id\"\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :ref=\"'inputBox'\"\n      :class=\"inputBoxStyles\"\n      :variant=\"variant\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :tabindex=\"0\"\n      :force-state=\"activated ? 'focus-within': undefined\"\n      @focus=\"activate\"\n    >\n      <template\n        v-if=\"$slots.prependInner\"\n        v-slot:prepend\n      >\n        <slot name=\"prependInner\" />\n      </template>\n      <OrTags\n        :ref=\"'tags'\"\n        :class=\"['grow']\"\n        :items=\"tagsItems\"\n        :disabled=\"disabled\"\n        :tag-props=\"tagsProps\"\n        :overflow=\"overflow\"\n        @reset=\"remove($event)\"\n      >\n        <template v-slot:tag=\"{ item }\">\n          <slot\n            name=\"tag\"\n            :item=\"item\"\n          >\n            {{ item.label }}\n          </slot>\n        </template>\n\n        <template\n          v-if=\"showControl\"\n          v-slot:tail\n        >\n          <div class=\"inline-flex w-fit max-w-full\">\n            <input\n              :ref=\"'control'\"\n              v-bind=\"controlAttributes\"\n              v-model.trim=\"draftModelValue\"\n              :class=\"controlStyles\"\n              :style=\"controlInlineStyles\"\n              :type=\"'text'\"\n              :placeholder=\"!proxyModelValue || (proxyModelValue && proxyModelValue.length === 0) ? placeholder : undefined\"\n              :readonly=\"readonly\"\n              :disabled=\"disabled\"\n              :autocomplete=\"'off'\"\n              :minlength=\"undefined\"\n              :maxlength=\"undefined\"\n              @input=\"$emit('input', $event)\"\n              @keydown=\"$emit('keydown', $event)\"\n              @keydown.enter=\"add()\"\n              @keyup=\"$emit('keyup', $event)\"\n              @focus=\"activate\"\n            >\n          </div>\n        </template>\n      </OrTags>\n      <template\n        v-if=\"$slots.appendInner\"\n        v-slot:addon\n      >\n        <slot name=\"appendInner\" />\n      </template>\n      <template\n        v-else-if=\"loading\"\n        v-slot:addon\n      >\n        <OrLoader\n          :variant=\"'circular'\"\n          :color=\"error ? 'danger' : 'primary'\"\n          :size=\"isMobile ? 'm' : 's'\"\n        />\n      </template>\n\n      <template\n        v-else-if=\"enableClear && !readonly && !disabled\"\n        v-slot:addon\n      >\n        <template v-if=\"proxyModelValue && proxyModelValue.length > 0 || draftModelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            @click=\"reset()\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ currentLength }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ currentLength }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { exclude, include, toArray } from '@onereach/ui-components-common/utils';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { TagColor, TagVariant } from '@onereach/ui-components.or-tag-v3';\nimport { OrTagsV3 as OrTags, TagObject, TagsOverflow } from '@onereach/ui-components.or-tags-v3';\nimport { MaybeElementRef, onClickOutside } from '@vueuse/core';\nimport { PropType, computed, defineComponent, nextTick, reactive, ref, toRefs, watch } from 'vue';\n\nimport { TagInput, TagInputControl, TagInputItem } from './styles';\nimport { TagInputModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrTagInput',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrLoader,\n    OrTags,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<TagInputModelValue>,\n      default: () => [],\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    overflow: {\n      type: String as PropType<`${TagsOverflow}`>,\n      default: () => TagsOverflow.Hidden,\n    },\n\n    // todo: review default state, disabling will breaking\n    enableClear: {\n      type: Boolean,\n      default: true,\n    },\n\n    additionalInputBoxStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    saveOnBlur: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'reset',\n    'clear',\n\n    'focus',\n    'blur',\n\n    'activate',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const control = ref<HTMLInputElement>();\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const tags = ref<InstanceType<typeof OrTags>>();\n\n    // Props\n    const { modelValue, overflow, placeholder, disabled, readonly, saveOnBlur } = toRefs(props);\n    const { isMobile } = useResponsive();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tag-input-v3',\n      ...TagInput,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const controlStyles = computed(() => [\n      ...TagInputControl,\n    ]);\n\n    const itemStyles = computed(() => [\n      ...TagInputItem,\n    ]);\n\n    const inputBoxStyles = computed(() => [\n      'interactivity-select',\n      ...props.additionalInputBoxStyles,\n    ]);\n\n    // State\n    const controlAttributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    const activated = ref(false);\n    const proxyModelValue = useProxyModelValue(modelValue, context.emit);\n    const draftModelValue = ref<string>();\n\n    const tagsItems = computed(() => {\n      return toArray(proxyModelValue.value).map((item) => ({\n        label: item,\n        value: item,\n\n        tagProps: {\n          color: item === draftModelValue.value ? TagColor.Danger : TagColor.Default,\n        },\n      } as TagObject));\n    });\n\n    const currentLength = computed(() => proxyModelValue.value?.length ?? 0);\n    const maxLength = computed(() => controlAttributes.maxlength);\n\n    const controlInlineStyles = computed(() => {\n      const chars = draftModelValue.value\n        ? draftModelValue.value.length\n        : currentLength.value === 0\n          ? placeholder.value?.length ?? 0\n          : 0;\n      return {\n        width: `${Math.max(chars + 1 || 0, 3)}ch`,\n      };\n    });\n\n    const showControl = computed(() => {\n      return draftModelValue.value\n        || currentLength.value === 0\n        || activated.value;\n    });\n\n    const tagsProps = computed(() => ({\n      variant: readonly.value || disabled.value || !activated.value ? TagVariant.Tag : TagVariant.Reset,\n      disabled: disabled.value,\n    }));\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n      draftModelValue.value = '';\n    }\n\n    function deactivate() {\n      activated.value = false;\n      nextTick(() => blur());\n      context.emit('blur');\n    }\n\n    function activate() {\n      if (disabled.value || readonly.value) return;\n\n      if (!activated.value) {\n        activated.value = true;\n        context.emit('focus');\n      }\n\n      nextTick(() => focus());\n    }\n\n    function add(): void {\n      const newItem = draftModelValue.value;\n\n      if (!newItem) return;\n      if (proxyModelValue.value?.includes(newItem)) return;\n      if (maxLength.value && currentLength.value >= maxLength.value) return;\n\n      proxyModelValue.value = include(newItem, proxyModelValue.value ?? []);\n      draftModelValue.value = '';\n\n      nextTick(() => focus());\n    }\n\n    function remove(value: string): void {\n      proxyModelValue.value = exclude(value, proxyModelValue.value ?? []);\n    }\n\n    function reset(): void {\n      proxyModelValue.value = [];\n      draftModelValue.value = '';\n      context.emit('reset');\n    }\n\n    function clear(): void {\n      draftModelValue.value = '';\n    }\n\n    // Effects\n    onClickOutside((inputBox as MaybeElementRef), () => {\n      if (activated.value === false || (tags.value?.overflowPopover as any)?.state === 'open') return;\n      if (saveOnBlur.value) add();\n      deactivate();\n    });\n\n    watch(proxyModelValue, (items, prevItems) => {\n      if (overflow.value !== TagsOverflow.Scroll) return;\n      if (items?.length !== prevItems?.length) {\n        (tags.value?.scrollToEnd as any)();\n      }\n    });\n\n    return {\n      root,\n      control,\n      inputBox,\n      tags,\n      rootStyles,\n      controlStyles,\n      itemStyles,\n      inputBoxStyles,\n      controlInlineStyles,\n      controlAttributes,\n      proxyModelValue,\n      draftModelValue,\n      tagsItems,\n      tagsProps,\n      currentLength,\n      maxLength,\n      activated,\n      showControl,\n      isMobile,\n      focus,\n      blur,\n      add,\n      activate,\n      deactivate,\n      remove,\n      reset,\n      clear,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n</style>\n"],"names":["TagInput","TagInputControl","TagInputItem","_sfc_main","defineComponent","OrError","OrHint","OrIconButton","OrInputBox","OrLabel","OrLoader","OrTags","TagsOverflow","props","context","root","ref","control","inputBox","tags","modelValue","overflow","placeholder","disabled","readonly","saveOnBlur","toRefs","isMobile","useResponsive","rootStyles","computed","InputBoxVariant","controlStyles","itemStyles","inputBoxStyles","controlAttributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","activated","proxyModelValue","useProxyModelValue","draftModelValue","tagsItems","toArray","item","TagColor","currentLength","_a","maxLength","controlInlineStyles","chars","showControl","tagsProps","TagVariant","focus","blur","deactivate","nextTick","activate","add","newItem","include","remove","value","exclude","reset","clear","onClickOutside","_b","watch","items","prevItems","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createVNode","_component_OrInputBox","_createSlots","_withCtx","_component_OrTags","_cache","$event","_createElementVNode","_mergeProps","_withKeys","_component_OrLoader","_component_OrIconButton","_withDirectives","_component_OrHint","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrTagInput-DIMSvMNK.mjs","sources":["../../../components/or-tag-input-v3/src/styles.ts","../../../components/or-tag-input-v3/src/OrTagInput.vue"],"sourcesContent":["export const TagInput: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TagInputControl: string[] = [\n  // Layout\n  // 'flex-auto',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n];\n\nexport const TagInputItem: string[] = [\n  // Box\n  '!min-h-0',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :control-id=\"controlAttributes.id\"\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :ref=\"'inputBox'\"\n      :class=\"inputBoxStyles\"\n      :variant=\"variant\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :tabindex=\"0\"\n      :force-state=\"activated ? 'focus-within': undefined\"\n      @focus=\"activate\"\n    >\n      <template\n        v-if=\"$slots.prependInner\"\n        v-slot:prepend\n      >\n        <slot name=\"prependInner\" />\n      </template>\n      <OrTags\n        :ref=\"'tags'\"\n        :class=\"['grow']\"\n        :items=\"tagsItems\"\n        :disabled=\"disabled\"\n        :tag-props=\"tagsProps\"\n        :overflow=\"overflow\"\n        @reset=\"remove($event)\"\n      >\n        <template v-slot:tag=\"{ item }\">\n          <slot\n            name=\"tag\"\n            :item=\"item\"\n          >\n            {{ item.label }}\n          </slot>\n        </template>\n\n        <template\n          v-if=\"showControl\"\n          v-slot:tail\n        >\n          <div class=\"inline-flex w-fit max-w-full\">\n            <input\n              :ref=\"'control'\"\n              v-bind=\"controlAttributes\"\n              v-model.trim=\"draftModelValue\"\n              :class=\"controlStyles\"\n              :style=\"controlInlineStyles\"\n              :type=\"'text'\"\n              :placeholder=\"!proxyModelValue || (proxyModelValue && proxyModelValue.length === 0) ? placeholder : undefined\"\n              :readonly=\"readonly\"\n              :disabled=\"disabled\"\n              :autocomplete=\"'off'\"\n              :minlength=\"undefined\"\n              :maxlength=\"undefined\"\n              @input=\"$emit('input', $event)\"\n              @keydown=\"$emit('keydown', $event)\"\n              @keydown.enter=\"add()\"\n              @keyup=\"$emit('keyup', $event)\"\n              @focus=\"activate\"\n            >\n          </div>\n        </template>\n      </OrTags>\n      <template\n        v-if=\"$slots.appendInner\"\n        v-slot:addon\n      >\n        <slot name=\"appendInner\" />\n      </template>\n      <template\n        v-else-if=\"loading\"\n        v-slot:addon\n      >\n        <OrLoader\n          :variant=\"'circular'\"\n          :color=\"error ? 'danger' : 'primary'\"\n          :size=\"isMobile ? 'm' : 's'\"\n        />\n      </template>\n\n      <template\n        v-else-if=\"enableClear && !readonly && !disabled\"\n        v-slot:addon\n      >\n        <template v-if=\"proxyModelValue && proxyModelValue.length > 0 || draftModelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            @click=\"reset()\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ currentLength }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ currentLength }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { exclude, include, toArray } from '@onereach/ui-components-common/utils';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { TagColor, TagVariant } from '@onereach/ui-components.or-tag-v3';\nimport { OrTagsV3 as OrTags, TagObject, TagsOverflow } from '@onereach/ui-components.or-tags-v3';\nimport { MaybeElementRef, onClickOutside } from '@vueuse/core';\nimport { PropType, computed, defineComponent, nextTick, reactive, ref, toRefs, watch } from 'vue';\n\nimport { TagInput, TagInputControl, TagInputItem } from './styles';\nimport { TagInputModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrTagInput',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrLoader,\n    OrTags,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<TagInputModelValue>,\n      default: () => [],\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    overflow: {\n      type: String as PropType<`${TagsOverflow}`>,\n      default: () => TagsOverflow.Hidden,\n    },\n\n    // todo: review default state, disabling will breaking\n    enableClear: {\n      type: Boolean,\n      default: true,\n    },\n\n    additionalInputBoxStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    saveOnBlur: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'reset',\n    'clear',\n\n    'focus',\n    'blur',\n\n    'activate',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const control = ref<HTMLInputElement>();\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const tags = ref<InstanceType<typeof OrTags>>();\n\n    // Props\n    const { modelValue, overflow, placeholder, disabled, readonly, saveOnBlur } = toRefs(props);\n    const { isMobile } = useResponsive();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tag-input-v3',\n      ...TagInput,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const controlStyles = computed(() => [\n      ...TagInputControl,\n    ]);\n\n    const itemStyles = computed(() => [\n      ...TagInputItem,\n    ]);\n\n    const inputBoxStyles = computed(() => [\n      'interactivity-select',\n      ...props.additionalInputBoxStyles,\n    ]);\n\n    // State\n    const controlAttributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    const activated = ref(false);\n    const proxyModelValue = useProxyModelValue(modelValue, context.emit);\n    const draftModelValue = ref<string>();\n\n    const tagsItems = computed(() => {\n      return toArray(proxyModelValue.value).map((item) => ({\n        label: item,\n        value: item,\n\n        tagProps: {\n          color: item === draftModelValue.value ? TagColor.Danger : TagColor.Default,\n        },\n      } as TagObject));\n    });\n\n    const currentLength = computed(() => proxyModelValue.value?.length ?? 0);\n    const maxLength = computed(() => controlAttributes.maxlength);\n\n    const controlInlineStyles = computed(() => {\n      const chars = draftModelValue.value\n        ? draftModelValue.value.length\n        : currentLength.value === 0\n          ? placeholder.value?.length ?? 0\n          : 0;\n      return {\n        width: `${Math.max(chars + 1 || 0, 3)}ch`,\n      };\n    });\n\n    const showControl = computed(() => {\n      return draftModelValue.value\n        || currentLength.value === 0\n        || activated.value;\n    });\n\n    const tagsProps = computed(() => ({\n      variant: readonly.value || disabled.value || !activated.value ? TagVariant.Tag : TagVariant.Reset,\n      disabled: disabled.value,\n    }));\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n      draftModelValue.value = '';\n    }\n\n    function deactivate() {\n      activated.value = false;\n      nextTick(() => blur());\n      context.emit('blur');\n    }\n\n    function activate() {\n      if (disabled.value || readonly.value) return;\n\n      if (!activated.value) {\n        activated.value = true;\n        context.emit('focus');\n      }\n\n      nextTick(() => focus());\n    }\n\n    function add(): void {\n      const newItem = draftModelValue.value;\n\n      if (!newItem) return;\n      if (proxyModelValue.value?.includes(newItem)) return;\n      if (maxLength.value && currentLength.value >= maxLength.value) return;\n\n      proxyModelValue.value = include(newItem, proxyModelValue.value ?? []);\n      draftModelValue.value = '';\n\n      nextTick(() => focus());\n    }\n\n    function remove(value: string): void {\n      proxyModelValue.value = exclude(value, proxyModelValue.value ?? []);\n    }\n\n    function reset(): void {\n      proxyModelValue.value = [];\n      draftModelValue.value = '';\n      context.emit('reset');\n    }\n\n    function clear(): void {\n      draftModelValue.value = '';\n    }\n\n    // Effects\n    onClickOutside((inputBox as MaybeElementRef), () => {\n      if (activated.value === false || (tags.value?.overflowPopover as any)?.state === 'open') return;\n      if (saveOnBlur.value) add();\n      deactivate();\n    });\n\n    watch(proxyModelValue, (items, prevItems) => {\n      if (overflow.value !== TagsOverflow.Scroll) return;\n      if (items?.length !== prevItems?.length) {\n        (tags.value?.scrollToEnd as any)();\n      }\n    });\n\n    return {\n      root,\n      control,\n      inputBox,\n      tags,\n      rootStyles,\n      controlStyles,\n      itemStyles,\n      inputBoxStyles,\n      controlInlineStyles,\n      controlAttributes,\n      proxyModelValue,\n      draftModelValue,\n      tagsItems,\n      tagsProps,\n      currentLength,\n      maxLength,\n      activated,\n      showControl,\n      isMobile,\n      focus,\n      blur,\n      add,\n      activate,\n      deactivate,\n      remove,\n      reset,\n      clear,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n</style>\n"],"names":["TagInput","TagInputControl","TagInputItem","_sfc_main","defineComponent","OrError","OrHint","OrIconButton","OrInputBox","OrLabel","OrLoader","OrTags","TagsOverflow","props","context","root","ref","control","inputBox","tags","modelValue","overflow","placeholder","disabled","readonly","saveOnBlur","toRefs","isMobile","useResponsive","rootStyles","computed","InputBoxVariant","controlStyles","itemStyles","inputBoxStyles","controlAttributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","activated","proxyModelValue","useProxyModelValue","draftModelValue","tagsItems","toArray","item","TagColor","currentLength","_a","maxLength","controlInlineStyles","chars","showControl","tagsProps","TagVariant","focus","blur","deactivate","nextTick","activate","add","newItem","include","remove","value","exclude","reset","clear","onClickOutside","_b","watch","items","prevItems","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createVNode","_component_OrInputBox","_createSlots","_withCtx","_component_OrTags","_cache","$event","_createElementVNode","_mergeProps","_withKeys","_component_OrLoader","_component_OrIconButton","_withDirectives","_component_OrHint","_component_OrError"],"mappings":";;;;;;;;;;;;;;AAAO,MAAMA,KAAqB;AAAA;AAAA,EAEhC;AAAA;AAAA,EAGA;AACF,GAEaC,KAA4B;AAAA;AAAA;AAAA;AAAA,EAKvC;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,KAAyB;AAAA;AAAA,EAEpC;AACF,GC+IAC,KAAeC,GAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,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,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAMC,EAAa;AAAA,IAC9B;AAAA;AAAA,IAGA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KACPC,IAAUD,KACVE,IAAWF,KACXG,IAAOH,KAGP,EAAE,YAAAI,GAAY,UAAAC,GAAU,aAAAC,GAAa,UAAAC,GAAU,UAAAC,GAAU,YAAAC,EAAe,IAAAC,GAAOb,CAAK,GACpF,EAAE,UAAAc,MAAaC,MAGfC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAG9B;AAAA,MACH,GAAGa,EAAM,YAAYkB,GAAgB,WAAW,CAAC,MAAM,IAAI,CAAC;AAAA,IAAA,CAC7D,GAEKC,IAAgBF,EAAS,MAAM;AAAA,MACnC,GAAG7B;AAAA,IAAA,CACJ,GAEKgC,IAAaH,EAAS,MAAM;AAAA,MAChC,GAAG5B;AAAA,IAAA,CACJ,GAEKgC,IAAiBJ,EAAS,MAAM;AAAA,MACpC;AAAA,MACA,GAAGjB,EAAM;AAAA,IAAA,CACV,GAGKsB,IAAoBC,GAAS;AAAA,MACjC,IAAIC,GAAe;AAAA,MACnB,GAAGC,GAAqB;AAAA,MACxB,GAAGC,GAAwB;AAAA,IAAA,CAC5B,GAEKC,IAAYxB,EAAI,EAAK,GACrByB,IAAkBC,GAAmBtB,GAAYN,EAAQ,IAAI,GAC7D6B,IAAkB3B,KAElB4B,IAAYd,EAAS,MAClBe,GAAQJ,EAAgB,KAAK,EAAE,IAAI,CAACK,OAAU;AAAA,MACnD,OAAOA;AAAA,MACP,OAAOA;AAAA,MAEP,UAAU;AAAA,QACR,OAAOA,MAASH,EAAgB,QAAQI,EAAS,SAASA,EAAS;AAAA,MACrE;AAAA,IACa,EAAA,CAChB,GAEKC,IAAgBlB,EAAS,MAAM;;AAAA,eAAAmB,IAAAR,EAAgB,UAAhB,gBAAAQ,EAAuB,WAAU;AAAA,KAAC,GACjEC,IAAYpB,EAAS,MAAMK,EAAkB,SAAS,GAEtDgB,IAAsBrB,EAAS,MAAM;;AACzC,YAAMsB,IAAQT,EAAgB,QAC1BA,EAAgB,MAAM,SACtBK,EAAc,UAAU,MACtBC,IAAA3B,EAAY,UAAZ,gBAAA2B,EAAmB,WAAU,IAC7B;AACC,aAAA;AAAA,QACL,OAAO,GAAG,KAAK,IAAIG,IAAQ,KAAK,GAAG,CAAC,CAAC;AAAA,MAAA;AAAA,IACvC,CACD,GAEKC,IAAcvB,EAAS,MACpBa,EAAgB,SAClBK,EAAc,UAAU,KACxBR,EAAU,KAChB,GAEKc,IAAYxB,EAAS,OAAO;AAAA,MAChC,SAASN,EAAS,SAASD,EAAS,SAAS,CAACiB,EAAU,QAAQe,EAAW,MAAMA,EAAW;AAAA,MAC5F,UAAUhC,EAAS;AAAA,IACnB,EAAA;AAGF,aAASiC,IAAc;;AACrB,OAAAP,IAAAhC,EAAQ,UAAR,QAAAgC,EAAe;AAAA,IACjB;AAEA,aAASQ,IAAa;;AACpB,OAAAR,IAAAhC,EAAQ,UAAR,QAAAgC,EAAe,QACfN,EAAgB,QAAQ;AAAA,IAC1B;AAEA,aAASe,IAAa;AACpB,MAAAlB,EAAU,QAAQ,IACTmB,EAAA,MAAMF,GAAM,GACrB3C,EAAQ,KAAK,MAAM;AAAA,IACrB;AAEA,aAAS8C,KAAW;AACd,MAAArC,EAAS,SAASC,EAAS,UAE1BgB,EAAU,UACbA,EAAU,QAAQ,IAClB1B,EAAQ,KAAK,OAAO,IAGb6C,EAAA,MAAMH,GAAO;AAAA,IACxB;AAEA,aAASK,IAAY;;AACnB,YAAMC,IAAUnB,EAAgB;AAEhC,MAAKmB,OACDb,IAAAR,EAAgB,UAAhB,QAAAQ,EAAuB,SAASa,MAChCZ,EAAU,SAASF,EAAc,SAASE,EAAU,UAExDT,EAAgB,QAAQsB,GAAQD,GAASrB,EAAgB,SAAS,CAAA,CAAE,GACpEE,EAAgB,QAAQ,IAEfgB,EAAA,MAAMH,GAAO;AAAA,IACxB;AAEA,aAASQ,GAAOC,GAAqB;AACnC,MAAAxB,EAAgB,QAAQyB,GAAQD,GAAOxB,EAAgB,SAAS,CAAA,CAAE;AAAA,IACpE;AAEA,aAAS0B,KAAc;AACrB,MAAA1B,EAAgB,QAAQ,IACxBE,EAAgB,QAAQ,IACxB7B,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEA,aAASsD,KAAc;AACrB,MAAAzB,EAAgB,QAAQ;AAAA,IAC1B;AAGA,WAAA0B,GAAgBnD,GAA8B,MAAM;;AAClD,MAAIsB,EAAU,UAAU,QAAU8B,KAAArB,IAAA9B,EAAK,UAAL,gBAAA8B,EAAY,oBAAZ,gBAAAqB,EAAqC,WAAU,WAC7E7C,EAAW,SAAWoC,KACfH;IAAA,CACZ,GAEKa,GAAA9B,GAAiB,CAAC+B,GAAOC,MAAc;;AACvC,MAAApD,EAAS,UAAUT,EAAa,WAChC4D,KAAA,gBAAAA,EAAO,aAAWC,KAAA,gBAAAA,EAAW,aAC9BxB,IAAA9B,EAAK,UAAL,gBAAA8B,EAAY,aAAZ,KAAAA;AAAA,IACH,CACD,GAEM;AAAA,MACL,MAAAlC;AAAA,MACA,SAAAE;AAAA,MACA,UAAAC;AAAA,MACA,MAAAC;AAAA,MACA,YAAAU;AAAA,MACA,eAAAG;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,qBAAAiB;AAAA,MACA,mBAAAhB;AAAA,MACA,iBAAAM;AAAA,MACA,iBAAAE;AAAA,MACA,WAAAC;AAAA,MACA,WAAAU;AAAA,MACA,eAAAN;AAAA,MACA,WAAAE;AAAA,MACA,WAAAV;AAAA,MACA,aAAAa;AAAA,MACA,UAAA1B;AAAA,MACA,OAAA6B;AAAA,MACA,MAAAC;AAAA,MACA,KAAAI;AAAA,MACA,UAAAD;AAAA,MACA,YAAAF;AAAA,MACA,QAAAM;AAAA,MACA,OAAAG;AAAA,MACA,OAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;+HAxcCM,EAiJM,SAAA;SA/IEC,EAAY,GAAAC,GAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAEF,OAAAC,EAAgBC,EAAO,UAAA;AAAA,EAAA,GAAA;AAAA,IAElCA,EAAA,OAAA,SAAAA,EAAA,OAAA,SAAAA,EAAA,SAAAH,KAAUI,EAAEC,GAAoB;AAAA,MAChC,KAAA;AAAA,MACA,cAAUF,EAAQ,kBAAA;AAAA,MAClB,SAAQ;AAAA,MAAA,UAAAA,EAAA;AAAA,MAMQ,UAAKA,EAAA;AAAA,IAAA,GAAA;AAAA;QAFfG,EAAAH,EAAA,QAAA,SAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA,CAAA;AAAA;;;;;;IAQX,GAAA,GAAA,CAAA,cA2Fa,4BA1FVI,EAAe,IAAA,EAAA;AAAA,IAAAC,EACVC,GAAE;AAAA,MACP,KAAA;AAAA,MACA,OAAOP,EAASC,EAAA,cAAA;AAAA,MAChB,SAAQA,EAAE;AAAA,MACV,SAAQ,CAAE,CAAAA,EAAA;AAAA,MACV,UAAUA,EAAC;AAAA,MACX,UAAaA,EAAA;AAAA,MACb,UAAO;AAAA,MAAA,eAAAA,EAAA,YAAA,iBAAA;AAAA;IAQR,GAAAO,EAAA;AAAA,MAAA,SACQC,EAAM,MAAA;AAAA,QAAAH,EACNI,GAAE;AAAA,UACP,KAAK;AAAA,UACL,OAAkBV,EAAA,CAAA,MAAA,CAAA;AAAA,UAClB,OAASC,EAAA;AAAA,UACT,UAAUA,EAAA;AAAA,UACV,aAAKA,EAAA;AAAA,UAAA,UAAAA,EAAA;AAAA,UAEW,SAAGU,EAMX,CANe,MAAIA,EAAA,CAAA,IAAA,CAAAC,MAAAX,EAAA,OAAAW,CAAA;AAAA,QAMnB,GAAAJ,EAAA;AAAA,UAAA,KAAAC,EAAA,CAAA,EAAA,MAAAxC,QAAA;AAAA;;;;UAID,GAAA;AAAA,QAAA,GAAA;AAAA;YAGN,MAAA;AAAA,YAAA,IAAAwC,EAAA,MAAA;AAAA;kBAKYI,EAAa,SAAAC,GAAA,EAAA,KAAA,UAAA,GAAAb,EAAA,mBAAA;AAAA,kBACpB,uBAAOU,EAAmB,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAX,EAAA,kBAAAW;AAAA,kBAC1B,OAAMX,EAAM;AAAA,kBACZ,OAAWA,EAAA;AAAA,kBACX,MAAA;AAAA,kBACA,aAAU,CAAQA,EAAA,mBAAAA,EAAA,mBAAAA,EAAA,gBAAA,WAAA,IAAAA,EAAA,cAAA;AAAA,kBAClB,UAAcA,EAAA;AAAA,kBACd,UAASA,EAAE;AAAA,kBACX,cAAW;AAAA,kBACX,WAAK;AAAA,kBACL,WAAO;AAAA,kBAAE,SAAAU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAX,EAAK,eAAYW,CAAM;AAAA,kBAAA,WAAA;AAAA;oBAEhCD,EAAK,CAAA,MAAAA,EAAA,CAAA,IAAAI,GAAA,CAAAH,MAAEX,SAAe,CAAA,OAAA,CAAA;AAAA,kBACtB;AAAA,kBAAA,SAAAU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAX,EAAA,MAAA,SAAAW,CAAA;AAAA;;;;;;;;;;;;;;;MA7CD,GAAA;AAAA,IAAA,GAAA;AAAA,MACCX,EAAA,OAAA,eAAA;AAAA,QAEP,MAAA;AAAA,QAAA,IAAAQ,EAAA,MAAA;AAAA;;;MAgDM,IAAA;AAAA,MACCR,EAAA,OAAA,cAAA;AAAA,QAEP,MAAA;AAAA,QAAA,IAAAQ,EAAA,MAAA;AAAA;;QAGW,KAAA;AAAA,MAAA,IAAAR,EAAA,UAAA;AAAA,QAGX,MAAA;AAAA,QAAA,IACGQ,EAAS,MAAA;AAAA,UAAAH,EACFU,GAAK;AAAA,YACZ,SAAM;AAAA,YAAA,OAAAf,EAAA,QAAA,WAAA;AAAA;;;QAKE,KAAA;AAAA,MAAA,IACCA,EAAA,eAAA,CAAAA,EAAA,YAAA,CAAAA,EAAA,WAAA;AAAA,QAEI,MAAA;AAAA,QAAA,IAAAQ,EAAA,MAAA;AAAA,yFAEEP,EAAAe,GAAA;AAAA,YACb,KAAK;AAAA,YACL,MAAA;AAAA,YAAA,OAAA;AAAA;;;;MAMO,IAAA;AAAA,IAAA,CAAA,GAAA,MAAA,CAAA,SAAA,WAAA,WACd,YAcS,YAAA,eAAA,SAAA,CAAA;AAAA,IAAAhB,EAAA,OAAA,QAAAA,EAAA,QAAAA,EAAA,YAAAiB,GAZIpB,KAAQI,EAAAiB,GAAA;AAAA,MAAA,KAAA;AAAA;IAIZ,GAAAX,EAAA;AAAA,MAAA,SAAAC,EAAA,MAAA;AAAA;;;;MAGC,GAAA;AAAA,IAAA,GAAA;AAAA;;;;;;;;;IAYC,CAAA,IAAAJ,EAAA,IAAA,EAAA;AAAA,IAAAa,EAAAZ,EAAAc,GAAH,EAER,UAAAnB,EAAA,SAAA,GAAAO,EAAA;AAAA,MAAA,SAAAC,EAAA,MAAA;AAAA;;MACQ,GAAA;AAAA,IAAA,GAAA;AAAA;;;;;;;;;;;;;"}

package/dist/esm/{OrTags-CE6LMI_6.mjs → OrTags-DKwmNfkN.mjs}

@@ -1,9 +1,9 @@
 import { useOverflow as j } from "@onereach/ui-components-common/hooks";
 import { O as z } from "./OrButton-ZxDr22t7.mjs";
-import { O as A } from "./OrPopover-aLMwD-Em.mjs";
+import { O as A } from "./OrPopover-DDoG-KKY.mjs";
 import "@onereach/ui-components-common/utils";
 import "@floating-ui/dom";
-import { O as D } from "./OrTag-B1rAprv3.mjs";
+import { O as D } from "./OrTag-DWp6cMUp.mjs";
 import { defineComponent as F, ref as v, computed as r, nextTick as L, resolveComponent as h, openBlock as l, createElementBlock as n, normalizeClass as a, Fragment as O, renderList as $, createBlock as C, mergeProps as I, withCtx as i, renderSlot as c, createTextVNode as P, toDisplayString as k, createCommentVNode as d, createVNode as R, withModifiers as M, createElementVNode as q } from "vue";
 import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var p = /* @__PURE__ */ ((o) => (o.Wrap = "wrap", o.Scroll = "scroll", o.Hidden = "hidden", o))(p || {});
@@ -223,4 +223,4 @@ export {
   ao as O,
   p as T
 };
-//# sourceMappingURL=OrTags-CE6LMI_6.mjs.map
+//# sourceMappingURL=OrTags-DKwmNfkN.mjs.map

package/dist/esm/{OrTags-CE6LMI_6.mjs.map → OrTags-DKwmNfkN.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrTags-CE6LMI_6.mjs","sources":["../../../components/or-tags-v3/src/props.ts","../../../components/or-tags-v3/src/styles.ts","../../../components/or-tags-v3/src/utils/castToTag.ts","../../../components/or-tags-v3/src/OrTags.vue"],"sourcesContent":["export enum TagsOverflow {\n  Wrap = 'wrap',\n  Scroll = 'scroll',\n  Hidden = 'hidden',\n}\n","import { TagsOverflow } from './props';\n\nexport const Tags: string[] = [\n  // Layout\n  'layout-row',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Spacing\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const TagsContainer: string[] = [\n  // Layout\n  'layout-row',\n  'max-w-full',\n\n  // Spacing\n  'gap-sm',\n  'py-xs',\n];\n\nexport const TagsContainerOverflows: Record<TagsOverflow, string[]> = {\n  [TagsOverflow.Wrap]: [\n    // Layout\n    '!flex-wrap',\n  ],\n\n  [TagsOverflow.Scroll]: [\n    // Layout\n    'overflow-y-auto',\n    // todo: extract to plugin?\n    '[&::-webkit-scrollbar]:hidden [-ms-overflow-style:\\'none\\'] [scrollbar-width:\\'none\\']',\n  ],\n\n  [TagsOverflow.Hidden]: [\n    // Overflow\n    'overflow-hidden',\n  ],\n};\n\nexport const TagsOverflowButton: string[] = [\n  // Typography\n  'typography-caption-regular',\n];\n\nexport const TagsOverflowPopover: string[] = [\n  // Layout\n  'layout-row !flex-wrap !content-start overflow-y-auto',\n\n  // Box\n  'max-w-[192px] max-h-[340px]',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-sm',\n];\n","import { Tag, TagObject } from '../types';\nexport function castToTagObject(tag: Tag): TagObject {\n  if (typeof tag === 'string') {\n    return {\n      label: tag,\n      value: tag,\n    };\n  } else {\n    return tag;\n  }\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div\n      v-if=\"localItems.length > 0\"\n      :ref=\"'container'\"\n      :class=\"containerStyles\"\n    >\n      <OrTag\n        v-for=\"item in localItems\"\n        v-bind=\"{ ...tagProps, ...item.tagProps }\"\n        :key=\"item.value\"\n        :class=\"['max-w-full']\"\n        @reset=\"$emit('reset', item.value)\"\n      >\n        <slot\n          name=\"tag\"\n          :item=\"item\"\n        >\n          {{ item.label }}\n        </slot>\n      </OrTag>\n\n      <slot\n        v-if=\"overflow === 'wrap'\"\n        name=\"tail\"\n      />\n    </div>\n\n    <template v-if=\"overflow === 'hidden' && overflowItems.length > 0\">\n      <OrButton\n        :ref=\"'overflowButton'\"\n        :class=\"overflowButtonStyles\"\n        :type=\"'button'\"\n        :variant=\"'link'\"\n        :color=\"'inherit'\"\n        :disabled=\"disabled\"\n        @click.stop=\"togglePopover\"\n      >\n        +{{ overflowItems.length }}\n      </OrButton>\n\n      <OrPopover\n        :ref=\"'overflowPopover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :trigger=\"overflowButtonRoot\"\n      >\n        <div :class=\"overflowPopoverStyles\">\n          <OrTag\n            v-for=\"item in overflowItems\"\n            v-bind=\"{ ...tagProps, ...item.tagProps }\"\n            :key=\"item.value\"\n            @reset=\"$emit('reset', item.value)\"\n          >\n            <slot\n              name=\"tag\"\n              :item=\"item\"\n            >\n              {{ item.label }}\n            </slot>\n          </OrTag>\n        </div>\n      </OrPopover>\n    </template>\n\n    <slot\n      v-if=\"overflow !== 'wrap' || items.length === 0\"\n      name=\"tail\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useOverflow } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport { OrTagV3 as OrTag } from '@onereach/ui-components.or-tag-v3';\nimport { PropType, computed, defineComponent, nextTick, ref } from 'vue';\n\nimport { TagsOverflow } from './props';\nimport { Tags, TagsContainer, TagsContainerOverflows, TagsOverflowButton, TagsOverflowPopover } from './styles';\nimport { Tag } from './types';\nimport { castToTagObject } from './utils/castToTag';\n\nexport default defineComponent({\n  name: 'OrTags',\n\n  components: {\n    OrButton,\n    OrPopover,\n    OrTag,\n  },\n\n  props: {\n    items: {\n      type: Array as PropType<Tag[]>,\n      default: () => [],\n    },\n\n    overflow: {\n      type: String as PropType<`${TagsOverflow}`>,\n      default: () => TagsOverflow.Hidden,\n    },\n\n    tagProps: {\n      type: Object as PropType<InstanceType<typeof OrTag>['$props']>,\n      default: undefined,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n\n    'reset',\n  ],\n\n  expose: [\n    'root',\n    'container',\n    'overflowPopover',\n    'scrollToEnd',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const container = ref<HTMLElement>();\n\n    // Props\n    const overflowButton = ref<InstanceType<typeof OrButton>>();\n    const overflowButtonRoot = computed(() => overflowButton.value?.root);\n\n    const overflowPopover = ref<InstanceType<typeof OrPopover>>();\n    const overflowPopoverRoot = computed(() => overflowPopover.value?.root);\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tags-v3',\n      ...Tags,\n    ]);\n\n    const popoverStyles = computed(() => [\n      'or-tags-popover-v3',\n    ]);\n\n    const containerStyles = computed(() => [\n      ...TagsContainer,\n      ...TagsContainerOverflows[props.overflow],\n    ]);\n\n    const overflowButtonStyles = computed(() => [\n      ...TagsOverflowButton,\n    ]);\n\n    const overflowPopoverStyles = computed(() => [\n      ...TagsOverflowPopover,\n    ]);\n\n    // State\n    const { innerItems } = useOverflow(container, {\n      hide: false,\n      threshold: 8,\n    });\n\n    const localItems = computed(() => {\n      return props.items.map(castToTagObject);\n    });\n\n    const overflowItems = computed(() => {\n      return localItems.value.slice(innerItems.value.length);\n    });\n\n    // Methods\n    function togglePopover() {\n      (overflowPopover.value!.toggle as () => void)();\n    }\n\n    function scrollToEnd() {\n      nextTick(() => {\n        container.value?.scrollTo({\n          left: container.value?.scrollWidth,\n          behavior: 'smooth',\n        });\n      });\n    }\n\n    return {\n      root,\n      container,\n      localItems,\n      overflowButton,\n      overflowButtonRoot,\n      overflowPopover,\n      overflowPopoverRoot,\n      rootStyles,\n      popoverStyles,\n      containerStyles,\n      overflowButtonStyles,\n      overflowPopoverStyles,\n      overflowItems,\n      togglePopover,\n      scrollToEnd,\n    };\n  },\n});\n</script>\n"],"names":["TagsOverflow","Tags","TagsContainer","TagsContainerOverflows","TagsOverflowButton","TagsOverflowPopover","castToTagObject","tag","_sfc_main","defineComponent","OrButton","OrPopover","OrTag","props","root","ref","container","overflowButton","overflowButtonRoot","computed","_a","overflowPopover","overflowPopoverRoot","rootStyles","popoverStyles","containerStyles","overflowButtonStyles","overflowPopoverStyles","innerItems","useOverflow","localItems","overflowItems","togglePopover","scrollToEnd","nextTick","_b","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_OrTag","_mergeProps","$event","_withCtx","_renderSlot","_createCommentVNode","_createVNode","_component_OrButton","_withModifiers","_component_OrPopover","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"OrTags-DKwmNfkN.mjs","sources":["../../../components/or-tags-v3/src/props.ts","../../../components/or-tags-v3/src/styles.ts","../../../components/or-tags-v3/src/utils/castToTag.ts","../../../components/or-tags-v3/src/OrTags.vue"],"sourcesContent":["export enum TagsOverflow {\n  Wrap = 'wrap',\n  Scroll = 'scroll',\n  Hidden = 'hidden',\n}\n","import { TagsOverflow } from './props';\n\nexport const Tags: string[] = [\n  // Layout\n  'layout-row',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Spacing\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const TagsContainer: string[] = [\n  // Layout\n  'layout-row',\n  'max-w-full',\n\n  // Spacing\n  'gap-sm',\n  'py-xs',\n];\n\nexport const TagsContainerOverflows: Record<TagsOverflow, string[]> = {\n  [TagsOverflow.Wrap]: [\n    // Layout\n    '!flex-wrap',\n  ],\n\n  [TagsOverflow.Scroll]: [\n    // Layout\n    'overflow-y-auto',\n    // todo: extract to plugin?\n    '[&::-webkit-scrollbar]:hidden [-ms-overflow-style:\\'none\\'] [scrollbar-width:\\'none\\']',\n  ],\n\n  [TagsOverflow.Hidden]: [\n    // Overflow\n    'overflow-hidden',\n  ],\n};\n\nexport const TagsOverflowButton: string[] = [\n  // Typography\n  'typography-caption-regular',\n];\n\nexport const TagsOverflowPopover: string[] = [\n  // Layout\n  'layout-row !flex-wrap !content-start overflow-y-auto',\n\n  // Box\n  'max-w-[192px] max-h-[340px]',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-sm',\n];\n","import { Tag, TagObject } from '../types';\nexport function castToTagObject(tag: Tag): TagObject {\n  if (typeof tag === 'string') {\n    return {\n      label: tag,\n      value: tag,\n    };\n  } else {\n    return tag;\n  }\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div\n      v-if=\"localItems.length > 0\"\n      :ref=\"'container'\"\n      :class=\"containerStyles\"\n    >\n      <OrTag\n        v-for=\"item in localItems\"\n        v-bind=\"{ ...tagProps, ...item.tagProps }\"\n        :key=\"item.value\"\n        :class=\"['max-w-full']\"\n        @reset=\"$emit('reset', item.value)\"\n      >\n        <slot\n          name=\"tag\"\n          :item=\"item\"\n        >\n          {{ item.label }}\n        </slot>\n      </OrTag>\n\n      <slot\n        v-if=\"overflow === 'wrap'\"\n        name=\"tail\"\n      />\n    </div>\n\n    <template v-if=\"overflow === 'hidden' && overflowItems.length > 0\">\n      <OrButton\n        :ref=\"'overflowButton'\"\n        :class=\"overflowButtonStyles\"\n        :type=\"'button'\"\n        :variant=\"'link'\"\n        :color=\"'inherit'\"\n        :disabled=\"disabled\"\n        @click.stop=\"togglePopover\"\n      >\n        +{{ overflowItems.length }}\n      </OrButton>\n\n      <OrPopover\n        :ref=\"'overflowPopover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :trigger=\"overflowButtonRoot\"\n      >\n        <div :class=\"overflowPopoverStyles\">\n          <OrTag\n            v-for=\"item in overflowItems\"\n            v-bind=\"{ ...tagProps, ...item.tagProps }\"\n            :key=\"item.value\"\n            @reset=\"$emit('reset', item.value)\"\n          >\n            <slot\n              name=\"tag\"\n              :item=\"item\"\n            >\n              {{ item.label }}\n            </slot>\n          </OrTag>\n        </div>\n      </OrPopover>\n    </template>\n\n    <slot\n      v-if=\"overflow !== 'wrap' || items.length === 0\"\n      name=\"tail\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useOverflow } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport { OrTagV3 as OrTag } from '@onereach/ui-components.or-tag-v3';\nimport { PropType, computed, defineComponent, nextTick, ref } from 'vue';\n\nimport { TagsOverflow } from './props';\nimport { Tags, TagsContainer, TagsContainerOverflows, TagsOverflowButton, TagsOverflowPopover } from './styles';\nimport { Tag } from './types';\nimport { castToTagObject } from './utils/castToTag';\n\nexport default defineComponent({\n  name: 'OrTags',\n\n  components: {\n    OrButton,\n    OrPopover,\n    OrTag,\n  },\n\n  props: {\n    items: {\n      type: Array as PropType<Tag[]>,\n      default: () => [],\n    },\n\n    overflow: {\n      type: String as PropType<`${TagsOverflow}`>,\n      default: () => TagsOverflow.Hidden,\n    },\n\n    tagProps: {\n      type: Object as PropType<InstanceType<typeof OrTag>['$props']>,\n      default: undefined,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n\n    'reset',\n  ],\n\n  expose: [\n    'root',\n    'container',\n    'overflowPopover',\n    'scrollToEnd',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const container = ref<HTMLElement>();\n\n    // Props\n    const overflowButton = ref<InstanceType<typeof OrButton>>();\n    const overflowButtonRoot = computed(() => overflowButton.value?.root);\n\n    const overflowPopover = ref<InstanceType<typeof OrPopover>>();\n    const overflowPopoverRoot = computed(() => overflowPopover.value?.root);\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tags-v3',\n      ...Tags,\n    ]);\n\n    const popoverStyles = computed(() => [\n      'or-tags-popover-v3',\n    ]);\n\n    const containerStyles = computed(() => [\n      ...TagsContainer,\n      ...TagsContainerOverflows[props.overflow],\n    ]);\n\n    const overflowButtonStyles = computed(() => [\n      ...TagsOverflowButton,\n    ]);\n\n    const overflowPopoverStyles = computed(() => [\n      ...TagsOverflowPopover,\n    ]);\n\n    // State\n    const { innerItems } = useOverflow(container, {\n      hide: false,\n      threshold: 8,\n    });\n\n    const localItems = computed(() => {\n      return props.items.map(castToTagObject);\n    });\n\n    const overflowItems = computed(() => {\n      return localItems.value.slice(innerItems.value.length);\n    });\n\n    // Methods\n    function togglePopover() {\n      (overflowPopover.value!.toggle as () => void)();\n    }\n\n    function scrollToEnd() {\n      nextTick(() => {\n        container.value?.scrollTo({\n          left: container.value?.scrollWidth,\n          behavior: 'smooth',\n        });\n      });\n    }\n\n    return {\n      root,\n      container,\n      localItems,\n      overflowButton,\n      overflowButtonRoot,\n      overflowPopover,\n      overflowPopoverRoot,\n      rootStyles,\n      popoverStyles,\n      containerStyles,\n      overflowButtonStyles,\n      overflowPopoverStyles,\n      overflowItems,\n      togglePopover,\n      scrollToEnd,\n    };\n  },\n});\n</script>\n"],"names":["TagsOverflow","Tags","TagsContainer","TagsContainerOverflows","TagsOverflowButton","TagsOverflowPopover","castToTagObject","tag","_sfc_main","defineComponent","OrButton","OrPopover","OrTag","props","root","ref","container","overflowButton","overflowButtonRoot","computed","_a","overflowPopover","overflowPopoverRoot","rootStyles","popoverStyles","containerStyles","overflowButtonStyles","overflowPopoverStyles","innerItems","useOverflow","localItems","overflowItems","togglePopover","scrollToEnd","nextTick","_b","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_OrTag","_mergeProps","$event","_withCtx","_renderSlot","_createCommentVNode","_createVNode","_component_OrButton","_withModifiers","_component_OrPopover","_createElementVNode"],"mappings":"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"}

package/dist/esm/{OrTimeFormat-CfGmKI4_.mjs → OrTimeFormat-Bs_Jfd9U.mjs}

@@ -1,5 +1,5 @@
 import { useTimeFormat as p, useLocale as c } from "@onereach/ui-components-common/hooks";
-import { l as f } from "./OrDateTimePicker.vue_vue_type_script_lang-DKNDd9dn.mjs";
+import { l as f } from "./OrDateTimePicker.vue_vue_type_script_lang-8aFx3wpJ.mjs";
 import { defineComponent as u, ref as v, computed as y, toRef as n, openBlock as o, createElementBlock as t, normalizeClass as F, Fragment as i, createTextVNode as s, toDisplayString as d } from "vue";
 import "@onereach/ui-components-common/types";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -63,4 +63,4 @@ const C = /* @__PURE__ */ T(V, [["render", g]]);
 export {
   C as O
 };
-//# sourceMappingURL=OrTimeFormat-CfGmKI4_.mjs.map
+//# sourceMappingURL=OrTimeFormat-Bs_Jfd9U.mjs.map

package/dist/esm/{OrTimeFormat-CfGmKI4_.mjs.map → OrTimeFormat-Bs_Jfd9U.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrTimeFormat-CfGmKI4_.mjs","sources":["../../../components/or-time-format-v3/src/styles.ts","../../../components/or-time-format-v3/src/OrTimeFormat.vue"],"sourcesContent":["export const TimeFormat: string[] = [\n  // Layout\n  'inline',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"modelValue\">\n      {{ formatTime(modelValue, resolvedFormat, resolvedLocale) }}\n    </template>\n\n    <template v-else>\n      {{ placeholder }}\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useLocale, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, formatTime } from '@onereach/ui-components.or-date-time-picker-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimeFormat',\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-format-v3',\n      ...Styles.TimeFormat,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    return {\n      root,\n      rootStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      formatTime,\n    };\n  },\n});\n</script>\n"],"names":["TimeFormat","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","Styles.TimeFormat","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","formatTime","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_Fragment"],"mappings":";;;;;AAAO,MAAMA,IAAuB;AAAA;AAAA,EAElC;AACF,GCoBAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO;AAEX,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAGKC,IAAiBC,EAAcC,EAAMR,GAAO,QAAQ,CAAC,GACrDS,IAAiBC,EAAUF,EAAMR,GAAO,QAAQ,CAAC;AAEhD,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,gBAAAG;AAAA,MACA,gBAAAG;AAAA,MAEA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA9ESC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,WAEFC,EAAUR,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA;QAI1BS,EAEWT,EAAA,WAAAA,EAAA,YAAAA,EAAA,gBAAAA,EAAA,cAAA,CAAA,GAAA,CAAA;AAAA,IAAA,GAAA,EAAA,MAAAM,KAAAC,EAAAG,GAAA,EAAA,KAAA,KAAA;AAAA;;;;;"}
+{"version":3,"file":"OrTimeFormat-Bs_Jfd9U.mjs","sources":["../../../components/or-time-format-v3/src/styles.ts","../../../components/or-time-format-v3/src/OrTimeFormat.vue"],"sourcesContent":["export const TimeFormat: string[] = [\n  // Layout\n  'inline',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"modelValue\">\n      {{ formatTime(modelValue, resolvedFormat, resolvedLocale) }}\n    </template>\n\n    <template v-else>\n      {{ placeholder }}\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useLocale, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, formatTime } from '@onereach/ui-components.or-date-time-picker-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimeFormat',\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-format-v3',\n      ...Styles.TimeFormat,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    return {\n      root,\n      rootStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      formatTime,\n    };\n  },\n});\n</script>\n"],"names":["TimeFormat","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","Styles.TimeFormat","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","formatTime","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_Fragment"],"mappings":";;;;;AAAO,MAAMA,IAAuB;AAAA;AAAA,EAElC;AACF,GCoBAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO;AAEX,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAGKC,IAAiBC,EAAcC,EAAMR,GAAO,QAAQ,CAAC,GACrDS,IAAiBC,EAAUF,EAAMR,GAAO,QAAQ,CAAC;AAEhD,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,gBAAAG;AAAA,MACA,gBAAAG;AAAA,MAEA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA9ESC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,WAEFC,EAAUR,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA;QAI1BS,EAEWT,EAAA,WAAAA,EAAA,YAAAA,EAAA,gBAAAA,EAAA,cAAA,CAAA,GAAA,CAAA;AAAA,IAAA,GAAA,EAAA,MAAAM,KAAAC,EAAAG,GAAA,EAAA,KAAA,KAAA;AAAA;;;;;"}

package/dist/esm/{OrTimePicker-Bt_tn-Kg.mjs → OrTimePicker-C_pYA5Yn.mjs}

@@ -1,16 +1,16 @@
 import { DropdownClose as z, DropdownOpen as R } from "@onereach/ui-components-common/directives";
 import { useTimeFormat as U, useLocale as j, useProxyModelValue as A } from "@onereach/ui-components-common/hooks";
-import { b as G, d as J, e as K, f as Q, g as W, m as q, k as X } from "./OrDateTimePicker.vue_vue_type_script_lang-DKNDd9dn.mjs";
+import { b as G, d as J, e as K, f as Q, g as W, m as q, k as X } from "./OrDateTimePicker.vue_vue_type_script_lang-8aFx3wpJ.mjs";
 import { defineComponent as Y, ref as p, computed as m, toRef as C, watch as M, resolveComponent as t, resolveDirective as E, openBlock as u, createElementBlock as Z, normalizeClass as P, createBlock as v, withCtx as i, renderSlot as $, createTextVNode as b, toDisplayString as O, createCommentVNode as H, withDirectives as y, withModifiers as _, createVNode as d, vShow as N, createElementVNode as x } from "vue";
 import "@onereach/ui-components-common/types";
 import { O as ee } from "./OrError-B5ihH6-3.mjs";
 import { O as oe } from "./OrHint-NvbZyURY.mjs";
-import { O as re } from "./OrIconButton-BCIKn82o.mjs";
+import { O as re } from "./OrIconButton-D1pxfMA_.mjs";
 import { O as te } from "./OrIcon-k8cyvh-D.mjs";
 import { O as le } from "./OrInputBox-6ciokFdU.mjs";
 import { a as ie } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
 import { O as ae } from "./OrLabel-K7_HgvcK.mjs";
-import { O as ne } from "./OrPopover-aLMwD-Em.mjs";
+import { O as ne } from "./OrPopover-DDoG-KKY.mjs";
 import "@onereach/ui-components-common/utils";
 import "@floating-ui/dom";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -327,4 +327,4 @@ const $e = /* @__PURE__ */ de(pe, [["render", ve]]);
 export {
   $e as O
 };
-//# sourceMappingURL=OrTimePicker-Bt_tn-Kg.mjs.map
+//# sourceMappingURL=OrTimePicker-C_pYA5Yn.mjs.map