@onereach/ui-components 26.9.0 → 26.9.1-beta.5984.0

package/dist/esm/{OrEditorTabs-D1n2mNEl.mjs.map → OrEditorTabs-BLCdjyNQ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrEditorTabs-D1n2mNEl.mjs","sources":["../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/styles.ts","../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/OrEditorTabsItem.vue","../../../components/or-editor-tabs-v3/src/props.ts","../../../components/or-editor-tabs-v3/src/styles.ts","../../../components/or-editor-tabs-v3/src/OrEditorTabs.vue"],"sourcesContent":["export const EditorTabsItem: string[] = [\n  // Layout\n  'layout-row',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Box\n  'md:max-w-[240px]',\n\n  // Spacing\n  'px-md',\n  'py-[7px]',\n\n  'gap-sm',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Border\n  'border-b-1',\n  'border-outline-variant',\n  'dark:border-outline-variant-dark',\n  'selected:border-b-[theme(backgroundColor.surface-1)]',\n  'dark:selected:border-b-[theme(backgroundColor.surface-1-dark)]',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n\n  // Theme (hover)\n  'hover:theme-foreground-primary',\n  'dark:hover:theme-foreground-primary-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-primary',\n  'dark:selected:theme-foreground-primary-dark',\n\n  'selected:theme-background-surface-1',\n  'dark:selected:theme-background-surface-1-dark',\n\n  // FIX\n  'pb-[9px]',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @click=\"isVue2 && $emit('click', $event)\"\n  >\n    <slot />\n\n    <template v-if=\"closeButton\">\n      <div :class=\"['grow']\" />\n\n      <OrIconButton\n        :icon=\"'close'\"\n        :disabled=\"disabled\"\n        @click.stop=\"$emit('close')\"\n      />\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, ref } from 'vue';\n\nimport { isVue2 } from '@/constants';\n\nimport { EditorTabsItem } from './styles';\n\nexport default defineComponent({\n  name: 'OrEditorTabsItem',\n\n  components: {\n    OrIconButton,\n  },\n\n  props: {\n    closeButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-editor-tabs-item-v3',\n      ...EditorTabsItem,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      isVue2,\n    };\n  },\n});\n</script>\n","export enum EditorTabsOverflow {\n  Scroll = 'scroll',\n  Squeeze = 'squeeze',\n  Menu = 'menu',\n  Wrap = 'wrap',\n}\n","import { EditorTabsOverflow } from './props';\n\nexport const EditorTabs: string[] = [\n  // Layout\n  'layout-column',\n];\n\nexport const EditorTabsHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Theme\n  'border-b-1',\n  'theme-border-outline-variant',\n  'dark:theme-border-outline-variant-dark',\n\n  // Box\n  'w-full',\n\n  // FIX\n  'mb-[-1px]',\n\n  // adds border between tab and '+' button\n  // 'theme-divider-outline-variant',\n  // 'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsAddButton: string[] = [\n  // Box\n  'md:grow',\n  '!max-w-full',\n  '!p-sm',\n\n  // Border\n  'border-l-1',\n  'border-r-1 md:border-r-0',\n\n  // Theme\n  'border-outline-variant dark:border-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabs: string[] = [\n  // Layout\n  'layout-row grow md:grow-0',\n\n  // Box\n  'max-w-full',\n\n  // Theme\n  'theme-divider-outline-variant',\n  'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabsOverflows: Record<EditorTabsOverflow, string[]> = {\n  [EditorTabsOverflow.Scroll]: [\n    // Overflow\n    'overflow-x-auto scrollbar-hidden',\n  ],\n\n  [EditorTabsOverflow.Squeeze]: [\n    // Layout\n    'md:grow',\n\n    // Overflow\n    'min-w-0 overflow-hidden',\n  ],\n\n  [EditorTabsOverflow.Menu]: [\n    // Overflow\n    'min-w-0 overflow-hidden',\n  ],\n\n  [EditorTabsOverflow.Wrap]: [\n    // Layout\n    'flex-wrap',\n  ],\n};\n\nexport const EditorTabsContent: string[] = [\n  // Spacing\n  'px-md',\n  'py-md',\n\n  // Box\n  'grow',\n\n  // Theme\n  'theme-background-surface-1',\n  'dark:theme-background-surface-1-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"headerStyles\">\n      <div\n        :ref=\"'headerTabs'\"\n        :class=\"headerTabsStyles\"\n      >\n        <template v-if=\"isDesktop\">\n          <OrEditorTabsItem\n            v-for=\"item of desktopVisibleItems\"\n            :ref=\"'editorTabsItems'\"\n            :key=\"item.value\"\n            :class=\"desktopTabStyles\"\n            :close-button=\"closeButton && !item.pinned\"\n            :selected=\"item.value === proxyModelValue\"\n            :disabled=\"item.disabled\"\n            @click=\"proxyModelValue = item.value\"\n            @close=\"close(item)\"\n          >\n            <slot\n              :name=\"`${item.value}-label`\"\n              :label=\"item.label\"\n            >\n              <div :class=\"['truncate']\">\n                {{ item.label }}\n              </div>\n            </slot>\n          </OrEditorTabsItem>\n\n          <OrEditorTabsItem\n            v-if=\"addButton && (overflow === 'menu' || overflow === 'squeeze')\"\n            :close-button=\"false\"\n            :class=\"addButtonStyles\"\n            @click=\"open()\"\n          >\n            <OrIcon\n              :icon=\"'add'\"\n              :size=\"'m'\"\n              class=\"md:my-[1px]\"\n            />\n          </OrEditorTabsItem>\n\n          <template v-if=\"isMenuOverflow && desktopOverflowItems.length > 0\">\n            <OrEditorTabsItem\n              :ref=\"'desktopOverflowTrigger'\"\n              :class=\"desktopOverflowTriggerStyles\"\n              :close-button=\"false\"\n              @click=\"desktopOverflowMenu && desktopOverflowMenu.toggle()\"\n            >\n              {{ desktopOverflowItems.length }}\n\n              <OrIcon\n                :icon=\"'more_horiz'\"\n                :size=\"'m'\"\n              />\n            </OrEditorTabsItem>\n\n            <OrMenu\n              :ref=\"'desktopOverflowMenu'\"\n              :trigger=\"desktopOverflowTriggerRoot\"\n            >\n              <OrMenuItem\n                v-for=\"item of desktopOverflowItems\"\n                :key=\"item.value\"\n                :close-button=\"closeButton && !item.pinned\"\n                :selected=\"item.value === proxyModelValue\"\n                :disabled=\"item.disabled\"\n                @click=\"proxyModelValue = item.value\"\n                @close=\"close(item)\"\n              >\n                <div :class=\"['layout-row', 'gap-sm']\">\n                  <slot\n                    :name=\"`${item.value}-label`\"\n                    :label=\"item.label\"\n                  >\n                    <div :class=\"['truncate']\">\n                      {{ item.label }}\n                    </div>\n                  </slot>\n                </div>\n              </OrMenuItem>\n            </OrMenu>\n          </template>\n\n          <OrEditorTabsItem\n            v-if=\"addButton && overflow == 'wrap'\"\n            :close-button=\"false\"\n            :class=\"addButtonStyles\"\n            @click=\"open()\"\n          >\n            <OrIcon\n              :icon=\"'add'\"\n              :size=\"'m'\"\n              class=\"md:my-[1px]\"\n            />\n          </OrEditorTabsItem>\n        </template>\n\n        <template v-if=\"isMobile && selectedItem\">\n          <OrEditorTabsItem\n            :class=\"['grow']\"\n            :close-button=\"closeButton && !selectedItem.pinned\"\n            :selected=\"true\"\n            :disabled=\"selectedItem.disabled\"\n            @close=\"close(selectedItem)\"\n          >\n            <slot\n              :name=\"`${selectedItem.value}-label`\"\n              :label=\"selectedItem.label\"\n            >\n              <div :class=\"['truncate']\">\n                {{ selectedItem.label }}\n              </div>\n            </slot>\n          </OrEditorTabsItem>\n        </template>\n      </div>\n\n      <template v-if=\"showStandaloneAddButton\">\n        <OrEditorTabsItem\n          :close-button=\"false\"\n          :class=\"addButtonStyles\"\n          @click=\"open()\"\n        >\n          <OrIcon\n            :icon=\"'add'\"\n            :size=\"'m'\"\n            class=\"md:my-[1px]\"\n          />\n        </OrEditorTabsItem>\n      </template>\n\n      <template v-if=\"isMobile && items.length > 1\">\n        <OrEditorTabsItem\n          :close-button=\"false\"\n          @click=\"showOverflowMenu = true\"\n        >\n          {{ overflowItems.length }}\n\n          <OrIcon\n            :icon=\"'more_vert'\"\n            :size=\"'m'\"\n          />\n        </OrEditorTabsItem>\n\n        <OrMenu\n          :is-open=\"showOverflowMenu\"\n          @close=\"showOverflowMenu = false\"\n        >\n          <OrMenuItem\n            v-for=\"item of overflowItems\"\n            :key=\"item.value\"\n            :close-button=\"closeButton && !item.pinned\"\n            :disabled=\"item.disabled\"\n            @click=\"proxyModelValue = item.value\"\n            @close=\"close(item)\"\n          >\n            <div :class=\"['layout-row', 'gap-sm']\">\n              <slot\n                :name=\"`${item.value}-label`\"\n                :label=\"item.label\"\n              >\n                <div :class=\"['truncate']\">\n                  {{ item.label }}\n                </div>\n              </slot>\n            </div>\n          </OrMenuItem>\n        </OrMenu>\n      </template>\n    </div>\n\n    <div :class=\"contentStyles\">\n      <slot :name=\"proxyModelValue\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { getItemByValue } from '@onereach/ui-components-common/helpers';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { isNil } from '@onereach/ui-components-common/utils';\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 { EditorTabsItem, EditorTabsModelValue } from '@onereach/ui-components.or-tabs-v3';\nimport { useResizeObserver } from '@vueuse/core';\nimport { PropType, computed, defineComponent, nextTick, reactive, ref, toRef, watch } from 'vue';\n\nimport { OrEditorTabsItem } from './partials';\nimport { EditorTabsOverflow } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrEditorTabs',\n\n  components: {\n    OrEditorTabsItem,\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: undefined as unknown as PropType<EditorTabsModelValue>,\n      default: undefined,\n    },\n\n    items: {\n      type: Array as PropType<EditorTabsItem[]>,\n      required: true,\n    },\n\n    overflow: {\n      type: String as PropType<`${EditorTabsOverflow}`>,\n      default: () => EditorTabsOverflow.Scroll,\n    },\n\n    addButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    closeButton: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    const { isDesktop, isMobile } = useResponsive();\n\n    // Refs\n    const root = ref<HTMLElement>();\n    const headerTabs = ref<HTMLElement>();\n    const editorTabsItems = ref<InstanceType<typeof OrEditorTabsItem>[]>();\n    const desktopOverflowTrigger = ref<InstanceType<typeof OrEditorTabsItem>>();\n    const desktopOverflowTriggerRoot = computed(() => desktopOverflowTrigger.value?.root);\n\n    const desktopOverflowMenu = ref<InstanceType<typeof OrMenu>>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-editor-tabs-v3',\n      ...Styles.EditorTabs,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.EditorTabsHeader,\n    ]);\n\n    const headerTabsStyles = computed(() => [\n      ...Styles.EditorTabsHeaderTabs,\n      ...Styles.EditorTabsHeaderTabsOverflows[props.overflow],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.EditorTabsContent,\n    ]);\n\n    const addButtonStyles = computed(() => [\n      ...Styles.EditorTabsAddButton,\n      ...(props.overflow === EditorTabsOverflow.Menu || props.overflow === EditorTabsOverflow.Squeeze\n        ? ['md:grow-0', 'shrink-0']\n        : []),\n    ]);\n\n    const desktopTabStyles = computed(() => {\n      return props.overflow === EditorTabsOverflow.Squeeze\n        ? ['basis-0', 'grow', 'min-w-0', '!max-w-none']\n        : [];\n    });\n\n    const desktopOverflowTriggerStyles = computed(() => [\n      'or-editor-tabs-overflow-trigger-v3',\n      'shrink-0',\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const menuTabs = reactive({\n      visible: [] as EditorTabsItem[],\n      hidden: [] as EditorTabsItem[],\n    });\n    const isSyncingMenuTabs = ref(false);\n\n    const isMenuOverflow = computed(() => props.overflow === EditorTabsOverflow.Menu && isDesktop.value);\n\n    const selectedItem = computed(() => {\n      return !isNil(proxyModelValue.value) ? getItemByValue(proxyModelValue.value, props.items) : undefined;\n    });\n\n    watch(selectedItem, (value) => {\n      if (value && props.overflow === EditorTabsOverflow.Scroll) {\n        (editorTabsItems.value?.[props.items.indexOf(value)]?.root as HTMLElement | undefined)?.scrollIntoView({ block: 'nearest' });\n      }\n    }, { flush: 'post' });\n\n    const overflowItems = computed(() => {\n      return props.items.filter((item) => item.value !== proxyModelValue.value);\n    });\n\n    const desktopVisibleItems = computed(() => {\n      return isMenuOverflow.value ? menuTabs.visible : props.items;\n    });\n\n    const desktopOverflowItems = computed(() => {\n      return isMenuOverflow.value ? menuTabs.hidden : [];\n    });\n\n    const showStandaloneAddButton = computed(() => {\n      return props.addButton && (isMobile.value || props.overflow === EditorTabsOverflow.Scroll);\n    });\n\n    const showOverflowMenu = ref(false);\n\n    // Methods\n    function open(): void {\n      context.emit('open');\n    }\n\n    function close(item: EditorTabsItem): void {\n      if (item.value === proxyModelValue.value) {\n        const index = props.items.indexOf(item);\n\n        if (index !== -1) {\n          const nextItem = props.items[index + 1];\n          const previousItem = props.items[index - 1];\n\n          proxyModelValue.value = nextItem?.value || previousItem?.value;\n        }\n      }\n\n      context.emit('close', item);\n    }\n\n    function rearrangeMenuTabs(items: EditorTabsItem[], activeItem?: EditorTabsItem): typeof menuTabs {\n      const rootElement = headerTabs.value;\n\n      if (!rootElement) {\n        return {\n          visible: [...items],\n          hidden: [],\n        };\n      }\n\n      const tabElements = [...rootElement.children].filter((element) => {\n        return !(element as HTMLElement).classList.contains('or-editor-tabs-overflow-trigger-v3');\n      }) as HTMLElement[];\n\n      const widthByValue = new Map(items.map((item, index) => {\n        return [item.value, tabElements[index]?.clientWidth ?? 0];\n      }));\n\n      const nextVisibleItems = [...items];\n      const nextHiddenItems: EditorTabsItem[] = [];\n\n      let visibleWidth = nextVisibleItems.reduce((width, item) => {\n        return width + (widthByValue.get(item.value) ?? 0);\n      }, 0);\n\n      const reserveOverflowTriggerWidth = (): number => {\n        return (desktopOverflowTrigger.value?.root as HTMLElement | undefined)?.clientWidth ?? 72;\n      };\n\n      const hideItem = (index = nextVisibleItems.length - 1): void => {\n        if (index < 0) {\n          return;\n        }\n\n        const [item] = nextVisibleItems.splice(index, 1);\n\n        if (!item) {\n          return;\n        }\n\n        nextHiddenItems.unshift(item);\n        visibleWidth -= widthByValue.get(item.value) ?? 0;\n      };\n\n      const normalizeItems = (): void => {\n        const visibleValues = new Set(nextVisibleItems.map((item) => item.value));\n\n        nextVisibleItems.splice(0, nextVisibleItems.length, ...items.filter((item) => visibleValues.has(item.value)));\n        nextHiddenItems.splice(0, nextHiddenItems.length, ...items.filter((item) => !visibleValues.has(item.value)));\n      };\n\n      while (visibleWidth > rootElement.clientWidth && nextVisibleItems.length > 0) {\n        hideItem();\n      }\n\n      while (\n        nextHiddenItems.length > 0\n        && visibleWidth + reserveOverflowTriggerWidth() > rootElement.clientWidth\n        && nextVisibleItems.length > 0\n      ) {\n        hideItem();\n      }\n\n      if (activeItem && nextHiddenItems.some((item) => item.value === activeItem.value)) {\n        const activeHiddenIndex = nextHiddenItems.findIndex((item) => item.value === activeItem.value);\n        const [nextActiveItem] = nextHiddenItems.splice(activeHiddenIndex, 1);\n\n        hideItem(Math.max(nextVisibleItems.length - 1, 0));\n\n        if (nextActiveItem) {\n          nextVisibleItems.push(nextActiveItem);\n          visibleWidth += widthByValue.get(nextActiveItem.value) ?? 0;\n        }\n\n        while (\n          nextHiddenItems.length > 0\n          && visibleWidth + reserveOverflowTriggerWidth() > rootElement.clientWidth\n          && nextVisibleItems.length > 1\n        ) {\n          const activeVisibleIndex = nextVisibleItems.findIndex((item) => item.value === activeItem.value);\n          const hideIndex = activeVisibleIndex === nextVisibleItems.length - 1\n            ? nextVisibleItems.length - 2\n            : nextVisibleItems.length - 1;\n\n          hideItem(hideIndex);\n        }\n      }\n\n      normalizeItems();\n\n      while (nextHiddenItems.length > 0) {\n        const nextItem = nextHiddenItems[0];\n        const nextItemWidth = widthByValue.get(nextItem.value) ?? 0;\n\n        if (visibleWidth + nextItemWidth + reserveOverflowTriggerWidth() > rootElement.clientWidth) {\n          break;\n        }\n\n        nextVisibleItems.push(nextItem);\n        nextHiddenItems.shift();\n        visibleWidth += nextItemWidth;\n      }\n\n      return {\n        visible: nextVisibleItems,\n        hidden: nextHiddenItems,\n      };\n    }\n\n    function syncMenuTabs(): void {\n      if (!isMenuOverflow.value) {\n        menuTabs.visible = [...props.items];\n        menuTabs.hidden = [];\n        return;\n      }\n\n      if (isSyncingMenuTabs.value) {\n        return;\n      }\n\n      isSyncingMenuTabs.value = true;\n      menuTabs.visible = [...props.items];\n      menuTabs.hidden = [];\n\n      nextTick(() => {\n        Object.assign(menuTabs, rearrangeMenuTabs(props.items, selectedItem.value));\n        isSyncingMenuTabs.value = false;\n      });\n    }\n\n    // Effects\n    watch(() => props.items, (items) => {\n      if (items.length === 1) {\n        proxyModelValue.value = items[0].value;\n      }\n    }, { immediate: true });\n\n    watch([\n      () => props.items,\n      () => props.overflow,\n      isDesktop,\n      selectedItem,\n    ], () => {\n      syncMenuTabs();\n    }, { immediate: true });\n\n    useResizeObserver(headerTabs, () => {\n      syncMenuTabs();\n    });\n\n    return {\n      root,\n      headerTabs,\n      editorTabsItems,\n      desktopOverflowTrigger,\n      desktopOverflowTriggerRoot,\n      desktopOverflowMenu,\n\n      rootStyles,\n      headerStyles,\n      headerTabsStyles,\n      contentStyles,\n      addButtonStyles,\n      desktopTabStyles,\n      desktopOverflowTriggerStyles,\n\n      proxyModelValue,\n      selectedItem,\n      overflowItems,\n      desktopVisibleItems,\n      desktopOverflowItems,\n      showStandaloneAddButton,\n      showOverflowMenu,\n      isMenuOverflow,\n\n      open,\n      close,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["EditorTabsItem","_sfc_main$1","defineComponent","OrIconButton","root","ref","rootStyles","computed","isVue2","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_Fragment","_hoisted_2","_component_OrIconButton","EditorTabsOverflow","EditorTabs","EditorTabsHeader","EditorTabsAddButton","EditorTabsHeaderTabs","EditorTabsHeaderTabsOverflows","EditorTabsContent","_sfc_main","OrEditorTabsItem","OrIcon","OrMenu","OrMenuItem","props","context","isDesktop","isMobile","useResponsive","headerTabs","editorTabsItems","desktopOverflowTrigger","desktopOverflowTriggerRoot","_a","desktopOverflowMenu","Styles.EditorTabs","headerStyles","Styles.EditorTabsHeader","headerTabsStyles","Styles.EditorTabsHeaderTabs","Styles.EditorTabsHeaderTabsOverflows","contentStyles","Styles.EditorTabsContent","addButtonStyles","Styles.EditorTabsAddButton","desktopTabStyles","desktopOverflowTriggerStyles","proxyModelValue","useProxyModelValue","toRef","menuTabs","reactive","isSyncingMenuTabs","isMenuOverflow","selectedItem","isNil","getItemByValue","watch","value","_c","_b","overflowItems","item","desktopVisibleItems","desktopOverflowItems","showStandaloneAddButton","showOverflowMenu","open","close","index","nextItem","previousItem","rearrangeMenuTabs","items","activeItem","rootElement","tabElements","element","widthByValue","nextVisibleItems","nextHiddenItems","visibleWidth","width","reserveOverflowTriggerWidth","hideItem","normalizeItems","visibleValues","activeHiddenIndex","nextActiveItem","hideIndex","nextItemWidth","syncMenuTabs","nextTick","useResizeObserver","_renderList","_createBlock","_component_OrEditorTabsItem","_withCtx","_createVNode","_component_OrIcon","_createCommentVNode","_createTextVNode","_toDisplayString","_component_OrMenu","_component_OrMenuItem","_createElementVNode","_hoisted_5"],"mappings":"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"}
+{"version":3,"file":"OrEditorTabs-BLCdjyNQ.mjs","sources":["../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/styles.ts","../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/OrEditorTabsItem.vue","../../../components/or-editor-tabs-v3/src/props.ts","../../../components/or-editor-tabs-v3/src/styles.ts","../../../components/or-editor-tabs-v3/src/OrEditorTabs.vue"],"sourcesContent":["export const EditorTabsItem: string[] = [\n  // Layout\n  'layout-row',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Box\n  'md:max-w-[240px]',\n\n  // Spacing\n  'px-md',\n  'py-[7px]',\n\n  'gap-sm',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Border\n  'border-b-1',\n  'border-outline-variant',\n  'dark:border-outline-variant-dark',\n  'selected:border-b-[theme(backgroundColor.surface-1)]',\n  'dark:selected:border-b-[theme(backgroundColor.surface-1-dark)]',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n\n  // Theme (hover)\n  'hover:theme-foreground-primary',\n  'dark:hover:theme-foreground-primary-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-primary',\n  'dark:selected:theme-foreground-primary-dark',\n\n  'selected:theme-background-surface-1',\n  'dark:selected:theme-background-surface-1-dark',\n\n  // FIX\n  'pb-[9px]',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @click=\"isVue2 && $emit('click', $event)\"\n  >\n    <slot />\n\n    <template v-if=\"closeButton\">\n      <div :class=\"['grow']\" />\n\n      <OrIconButton\n        :icon=\"'close'\"\n        :disabled=\"disabled\"\n        @click.stop=\"$emit('close')\"\n      />\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, ref } from 'vue';\n\nimport { isVue2 } from '@/constants';\n\nimport { EditorTabsItem } from './styles';\n\nexport default defineComponent({\n  name: 'OrEditorTabsItem',\n\n  components: {\n    OrIconButton,\n  },\n\n  props: {\n    closeButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-editor-tabs-item-v3',\n      ...EditorTabsItem,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      isVue2,\n    };\n  },\n});\n</script>\n","export enum EditorTabsOverflow {\n  Scroll = 'scroll',\n  Squeeze = 'squeeze',\n  Menu = 'menu',\n  Wrap = 'wrap',\n}\n","import { EditorTabsOverflow } from './props';\n\nexport const EditorTabs: string[] = [\n  // Layout\n  'layout-column',\n];\n\nexport const EditorTabsHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Theme\n  'border-b-1',\n  'theme-border-outline-variant',\n  'dark:theme-border-outline-variant-dark',\n\n  // Box\n  'w-full',\n\n  // FIX\n  'mb-[-1px]',\n\n  // adds border between tab and '+' button\n  // 'theme-divider-outline-variant',\n  // 'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsAddButton: string[] = [\n  // Box\n  'md:grow',\n  '!max-w-full',\n  '!p-sm',\n\n  // Border\n  'border-l-1',\n  'border-r-1 md:border-r-0',\n\n  // Theme\n  'border-outline-variant dark:border-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabs: string[] = [\n  // Layout\n  'layout-row grow md:grow-0',\n\n  // Box\n  'max-w-full',\n\n  // Theme\n  'theme-divider-outline-variant',\n  'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabsOverflows: Record<EditorTabsOverflow, string[]> = {\n  [EditorTabsOverflow.Scroll]: [\n    // Overflow\n    'overflow-x-auto scrollbar-hidden',\n  ],\n\n  [EditorTabsOverflow.Squeeze]: [\n    // Layout\n    'md:grow',\n\n    // Overflow\n    'min-w-0 overflow-hidden',\n  ],\n\n  [EditorTabsOverflow.Menu]: [\n    // Overflow\n    'min-w-0 overflow-hidden',\n  ],\n\n  [EditorTabsOverflow.Wrap]: [\n    // Layout\n    'flex-wrap',\n  ],\n};\n\nexport const EditorTabsContent: string[] = [\n  // Spacing\n  'px-md',\n  'py-md',\n\n  // Box\n  'grow',\n\n  // Theme\n  'theme-background-surface-1',\n  'dark:theme-background-surface-1-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"headerStyles\">\n      <div\n        :ref=\"'headerTabs'\"\n        :class=\"headerTabsStyles\"\n      >\n        <template v-if=\"isDesktop\">\n          <OrEditorTabsItem\n            v-for=\"item of desktopVisibleItems\"\n            :ref=\"'editorTabsItems'\"\n            :key=\"item.value\"\n            :class=\"desktopTabStyles\"\n            :close-button=\"closeButton && !item.pinned\"\n            :selected=\"item.value === proxyModelValue\"\n            :disabled=\"item.disabled\"\n            @click=\"proxyModelValue = item.value\"\n            @close=\"close(item)\"\n          >\n            <slot\n              :name=\"`${item.value}-label`\"\n              :label=\"item.label\"\n            >\n              <div :class=\"['truncate']\">\n                {{ item.label }}\n              </div>\n            </slot>\n          </OrEditorTabsItem>\n\n          <OrEditorTabsItem\n            v-if=\"addButton && (overflow === 'menu' || overflow === 'squeeze')\"\n            :close-button=\"false\"\n            :class=\"addButtonStyles\"\n            @click=\"open()\"\n          >\n            <OrIcon\n              :icon=\"'add'\"\n              :size=\"'m'\"\n              class=\"md:my-[1px]\"\n            />\n          </OrEditorTabsItem>\n\n          <template v-if=\"isMenuOverflow && desktopOverflowItems.length > 0\">\n            <OrEditorTabsItem\n              :ref=\"'desktopOverflowTrigger'\"\n              :class=\"desktopOverflowTriggerStyles\"\n              :close-button=\"false\"\n              @click=\"desktopOverflowMenu && desktopOverflowMenu.toggle()\"\n            >\n              {{ desktopOverflowItems.length }}\n\n              <OrIcon\n                :icon=\"'more_horiz'\"\n                :size=\"'m'\"\n              />\n            </OrEditorTabsItem>\n\n            <OrMenu\n              :ref=\"'desktopOverflowMenu'\"\n              :trigger=\"desktopOverflowTriggerRoot\"\n            >\n              <OrMenuItem\n                v-for=\"item of desktopOverflowItems\"\n                :key=\"item.value\"\n                :close-button=\"closeButton && !item.pinned\"\n                :selected=\"item.value === proxyModelValue\"\n                :disabled=\"item.disabled\"\n                @click=\"proxyModelValue = item.value\"\n                @close=\"close(item)\"\n              >\n                <div :class=\"['layout-row', 'gap-sm']\">\n                  <slot\n                    :name=\"`${item.value}-label`\"\n                    :label=\"item.label\"\n                  >\n                    <div :class=\"['truncate']\">\n                      {{ item.label }}\n                    </div>\n                  </slot>\n                </div>\n              </OrMenuItem>\n            </OrMenu>\n          </template>\n\n          <OrEditorTabsItem\n            v-if=\"addButton && overflow == 'wrap'\"\n            :close-button=\"false\"\n            :class=\"addButtonStyles\"\n            @click=\"open()\"\n          >\n            <OrIcon\n              :icon=\"'add'\"\n              :size=\"'m'\"\n              class=\"md:my-[1px]\"\n            />\n          </OrEditorTabsItem>\n        </template>\n\n        <template v-if=\"isMobile && selectedItem\">\n          <OrEditorTabsItem\n            :class=\"['grow']\"\n            :close-button=\"closeButton && !selectedItem.pinned\"\n            :selected=\"true\"\n            :disabled=\"selectedItem.disabled\"\n            @close=\"close(selectedItem)\"\n          >\n            <slot\n              :name=\"`${selectedItem.value}-label`\"\n              :label=\"selectedItem.label\"\n            >\n              <div :class=\"['truncate']\">\n                {{ selectedItem.label }}\n              </div>\n            </slot>\n          </OrEditorTabsItem>\n        </template>\n      </div>\n\n      <template v-if=\"showStandaloneAddButton\">\n        <OrEditorTabsItem\n          :close-button=\"false\"\n          :class=\"addButtonStyles\"\n          @click=\"open()\"\n        >\n          <OrIcon\n            :icon=\"'add'\"\n            :size=\"'m'\"\n            class=\"md:my-[1px]\"\n          />\n        </OrEditorTabsItem>\n      </template>\n\n      <template v-if=\"isMobile && items.length > 1\">\n        <OrEditorTabsItem\n          :close-button=\"false\"\n          @click=\"showOverflowMenu = true\"\n        >\n          {{ overflowItems.length }}\n\n          <OrIcon\n            :icon=\"'more_vert'\"\n            :size=\"'m'\"\n          />\n        </OrEditorTabsItem>\n\n        <OrMenu\n          :is-open=\"showOverflowMenu\"\n          @close=\"showOverflowMenu = false\"\n        >\n          <OrMenuItem\n            v-for=\"item of overflowItems\"\n            :key=\"item.value\"\n            :close-button=\"closeButton && !item.pinned\"\n            :disabled=\"item.disabled\"\n            @click=\"proxyModelValue = item.value\"\n            @close=\"close(item)\"\n          >\n            <div :class=\"['layout-row', 'gap-sm']\">\n              <slot\n                :name=\"`${item.value}-label`\"\n                :label=\"item.label\"\n              >\n                <div :class=\"['truncate']\">\n                  {{ item.label }}\n                </div>\n              </slot>\n            </div>\n          </OrMenuItem>\n        </OrMenu>\n      </template>\n    </div>\n\n    <div :class=\"contentStyles\">\n      <slot :name=\"proxyModelValue\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { getItemByValue } from '@onereach/ui-components-common/helpers';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { isNil } from '@onereach/ui-components-common/utils';\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 { EditorTabsItem, EditorTabsModelValue } from '@onereach/ui-components.or-tabs-v3';\nimport { useResizeObserver } from '@vueuse/core';\nimport { PropType, computed, defineComponent, nextTick, reactive, ref, toRef, watch } from 'vue';\n\nimport { OrEditorTabsItem } from './partials';\nimport { EditorTabsOverflow } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrEditorTabs',\n\n  components: {\n    OrEditorTabsItem,\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: undefined as unknown as PropType<EditorTabsModelValue>,\n      default: undefined,\n    },\n\n    items: {\n      type: Array as PropType<EditorTabsItem[]>,\n      required: true,\n    },\n\n    overflow: {\n      type: String as PropType<`${EditorTabsOverflow}`>,\n      default: () => EditorTabsOverflow.Scroll,\n    },\n\n    addButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    closeButton: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    const { isDesktop, isMobile } = useResponsive();\n\n    // Refs\n    const root = ref<HTMLElement>();\n    const headerTabs = ref<HTMLElement>();\n    const editorTabsItems = ref<InstanceType<typeof OrEditorTabsItem>[]>();\n    const desktopOverflowTrigger = ref<InstanceType<typeof OrEditorTabsItem>>();\n    const desktopOverflowTriggerRoot = computed(() => desktopOverflowTrigger.value?.root);\n\n    const desktopOverflowMenu = ref<InstanceType<typeof OrMenu>>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-editor-tabs-v3',\n      ...Styles.EditorTabs,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.EditorTabsHeader,\n    ]);\n\n    const headerTabsStyles = computed(() => [\n      ...Styles.EditorTabsHeaderTabs,\n      ...Styles.EditorTabsHeaderTabsOverflows[props.overflow],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.EditorTabsContent,\n    ]);\n\n    const addButtonStyles = computed(() => [\n      ...Styles.EditorTabsAddButton,\n      ...(props.overflow === EditorTabsOverflow.Menu || props.overflow === EditorTabsOverflow.Squeeze\n        ? ['md:grow-0', 'shrink-0']\n        : []),\n    ]);\n\n    const desktopTabStyles = computed(() => {\n      return props.overflow === EditorTabsOverflow.Squeeze\n        ? ['basis-0', 'grow', 'min-w-0', '!max-w-none']\n        : [];\n    });\n\n    const desktopOverflowTriggerStyles = computed(() => [\n      'or-editor-tabs-overflow-trigger-v3',\n      'shrink-0',\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const menuTabs = reactive({\n      visible: [] as EditorTabsItem[],\n      hidden: [] as EditorTabsItem[],\n    });\n    const isSyncingMenuTabs = ref(false);\n\n    const isMenuOverflow = computed(() => props.overflow === EditorTabsOverflow.Menu && isDesktop.value);\n\n    const selectedItem = computed(() => {\n      return !isNil(proxyModelValue.value) ? getItemByValue(proxyModelValue.value, props.items) : undefined;\n    });\n\n    watch(selectedItem, (value) => {\n      if (value && props.overflow === EditorTabsOverflow.Scroll) {\n        (editorTabsItems.value?.[props.items.indexOf(value)]?.root as HTMLElement | undefined)?.scrollIntoView({ block: 'nearest' });\n      }\n    }, { flush: 'post' });\n\n    const overflowItems = computed(() => {\n      return props.items.filter((item) => item.value !== proxyModelValue.value);\n    });\n\n    const desktopVisibleItems = computed(() => {\n      return isMenuOverflow.value ? menuTabs.visible : props.items;\n    });\n\n    const desktopOverflowItems = computed(() => {\n      return isMenuOverflow.value ? menuTabs.hidden : [];\n    });\n\n    const showStandaloneAddButton = computed(() => {\n      return props.addButton && (isMobile.value || props.overflow === EditorTabsOverflow.Scroll);\n    });\n\n    const showOverflowMenu = ref(false);\n\n    // Methods\n    function open(): void {\n      context.emit('open');\n    }\n\n    function close(item: EditorTabsItem): void {\n      if (item.value === proxyModelValue.value) {\n        const index = props.items.indexOf(item);\n\n        if (index !== -1) {\n          const nextItem = props.items[index + 1];\n          const previousItem = props.items[index - 1];\n\n          proxyModelValue.value = nextItem?.value || previousItem?.value;\n        }\n      }\n\n      context.emit('close', item);\n    }\n\n    function rearrangeMenuTabs(items: EditorTabsItem[], activeItem?: EditorTabsItem): typeof menuTabs {\n      const rootElement = headerTabs.value;\n\n      if (!rootElement) {\n        return {\n          visible: [...items],\n          hidden: [],\n        };\n      }\n\n      const tabElements = [...rootElement.children].filter((element) => {\n        return !(element as HTMLElement).classList.contains('or-editor-tabs-overflow-trigger-v3');\n      }) as HTMLElement[];\n\n      const widthByValue = new Map(items.map((item, index) => {\n        return [item.value, tabElements[index]?.clientWidth ?? 0];\n      }));\n\n      const nextVisibleItems = [...items];\n      const nextHiddenItems: EditorTabsItem[] = [];\n\n      let visibleWidth = nextVisibleItems.reduce((width, item) => {\n        return width + (widthByValue.get(item.value) ?? 0);\n      }, 0);\n\n      const reserveOverflowTriggerWidth = (): number => {\n        return (desktopOverflowTrigger.value?.root as HTMLElement | undefined)?.clientWidth ?? 72;\n      };\n\n      const hideItem = (index = nextVisibleItems.length - 1): void => {\n        if (index < 0) {\n          return;\n        }\n\n        const [item] = nextVisibleItems.splice(index, 1);\n\n        if (!item) {\n          return;\n        }\n\n        nextHiddenItems.unshift(item);\n        visibleWidth -= widthByValue.get(item.value) ?? 0;\n      };\n\n      const normalizeItems = (): void => {\n        const visibleValues = new Set(nextVisibleItems.map((item) => item.value));\n\n        nextVisibleItems.splice(0, nextVisibleItems.length, ...items.filter((item) => visibleValues.has(item.value)));\n        nextHiddenItems.splice(0, nextHiddenItems.length, ...items.filter((item) => !visibleValues.has(item.value)));\n      };\n\n      while (visibleWidth > rootElement.clientWidth && nextVisibleItems.length > 0) {\n        hideItem();\n      }\n\n      while (\n        nextHiddenItems.length > 0\n        && visibleWidth + reserveOverflowTriggerWidth() > rootElement.clientWidth\n        && nextVisibleItems.length > 0\n      ) {\n        hideItem();\n      }\n\n      if (activeItem && nextHiddenItems.some((item) => item.value === activeItem.value)) {\n        const activeHiddenIndex = nextHiddenItems.findIndex((item) => item.value === activeItem.value);\n        const [nextActiveItem] = nextHiddenItems.splice(activeHiddenIndex, 1);\n\n        hideItem(Math.max(nextVisibleItems.length - 1, 0));\n\n        if (nextActiveItem) {\n          nextVisibleItems.push(nextActiveItem);\n          visibleWidth += widthByValue.get(nextActiveItem.value) ?? 0;\n        }\n\n        while (\n          nextHiddenItems.length > 0\n          && visibleWidth + reserveOverflowTriggerWidth() > rootElement.clientWidth\n          && nextVisibleItems.length > 1\n        ) {\n          const activeVisibleIndex = nextVisibleItems.findIndex((item) => item.value === activeItem.value);\n          const hideIndex = activeVisibleIndex === nextVisibleItems.length - 1\n            ? nextVisibleItems.length - 2\n            : nextVisibleItems.length - 1;\n\n          hideItem(hideIndex);\n        }\n      }\n\n      normalizeItems();\n\n      while (nextHiddenItems.length > 0) {\n        const nextItem = nextHiddenItems[0];\n        const nextItemWidth = widthByValue.get(nextItem.value) ?? 0;\n\n        if (visibleWidth + nextItemWidth + reserveOverflowTriggerWidth() > rootElement.clientWidth) {\n          break;\n        }\n\n        nextVisibleItems.push(nextItem);\n        nextHiddenItems.shift();\n        visibleWidth += nextItemWidth;\n      }\n\n      return {\n        visible: nextVisibleItems,\n        hidden: nextHiddenItems,\n      };\n    }\n\n    function syncMenuTabs(): void {\n      if (!isMenuOverflow.value) {\n        menuTabs.visible = [...props.items];\n        menuTabs.hidden = [];\n        return;\n      }\n\n      if (isSyncingMenuTabs.value) {\n        return;\n      }\n\n      isSyncingMenuTabs.value = true;\n      menuTabs.visible = [...props.items];\n      menuTabs.hidden = [];\n\n      nextTick(() => {\n        Object.assign(menuTabs, rearrangeMenuTabs(props.items, selectedItem.value));\n        isSyncingMenuTabs.value = false;\n      });\n    }\n\n    // Effects\n    watch(() => props.items, (items) => {\n      if (items.length === 1) {\n        proxyModelValue.value = items[0].value;\n      }\n    }, { immediate: true });\n\n    watch([\n      () => props.items,\n      () => props.overflow,\n      isDesktop,\n      selectedItem,\n    ], () => {\n      syncMenuTabs();\n    }, { immediate: true });\n\n    useResizeObserver(headerTabs, () => {\n      syncMenuTabs();\n    });\n\n    return {\n      root,\n      headerTabs,\n      editorTabsItems,\n      desktopOverflowTrigger,\n      desktopOverflowTriggerRoot,\n      desktopOverflowMenu,\n\n      rootStyles,\n      headerStyles,\n      headerTabsStyles,\n      contentStyles,\n      addButtonStyles,\n      desktopTabStyles,\n      desktopOverflowTriggerStyles,\n\n      proxyModelValue,\n      selectedItem,\n      overflowItems,\n      desktopVisibleItems,\n      desktopOverflowItems,\n      showStandaloneAddButton,\n      showOverflowMenu,\n      isMenuOverflow,\n\n      open,\n      close,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["EditorTabsItem","_sfc_main$1","defineComponent","OrIconButton","root","ref","rootStyles","computed","isVue2","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_Fragment","_hoisted_2","_component_OrIconButton","EditorTabsOverflow","EditorTabs","EditorTabsHeader","EditorTabsAddButton","EditorTabsHeaderTabs","EditorTabsHeaderTabsOverflows","EditorTabsContent","_sfc_main","OrEditorTabsItem","OrIcon","OrMenu","OrMenuItem","props","context","isDesktop","isMobile","useResponsive","headerTabs","editorTabsItems","desktopOverflowTrigger","desktopOverflowTriggerRoot","_a","desktopOverflowMenu","Styles.EditorTabs","headerStyles","Styles.EditorTabsHeader","headerTabsStyles","Styles.EditorTabsHeaderTabs","Styles.EditorTabsHeaderTabsOverflows","contentStyles","Styles.EditorTabsContent","addButtonStyles","Styles.EditorTabsAddButton","desktopTabStyles","desktopOverflowTriggerStyles","proxyModelValue","useProxyModelValue","toRef","menuTabs","reactive","isSyncingMenuTabs","isMenuOverflow","selectedItem","isNil","getItemByValue","watch","value","_c","_b","overflowItems","item","desktopVisibleItems","desktopOverflowItems","showStandaloneAddButton","showOverflowMenu","open","close","index","nextItem","previousItem","rearrangeMenuTabs","items","activeItem","rootElement","tabElements","element","widthByValue","nextVisibleItems","nextHiddenItems","visibleWidth","width","reserveOverflowTriggerWidth","hideItem","normalizeItems","visibleValues","activeHiddenIndex","nextActiveItem","hideIndex","nextItemWidth","syncMenuTabs","nextTick","useResizeObserver","_renderList","_createBlock","_component_OrEditorTabsItem","_withCtx","_createVNode","_component_OrIcon","_createCommentVNode","_createTextVNode","_toDisplayString","_component_OrMenu","_component_OrMenuItem","_createElementVNode","_hoisted_5"],"mappings":"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"}

package/dist/esm/{OrFilter-CYD-gDsX.mjs → OrFilter-C24grhhk.mjs}

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

package/dist/esm/{OrFilter-CYD-gDsX.mjs.map → OrFilter-C24grhhk.mjs.map}

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

package/dist/esm/{OrFilterPopover-DXO-6y8a.mjs → OrFilterPopover-VAM2MJnZ.mjs}

@@ -1,8 +1,9 @@
 import { usePopoverState as L, useResponsive as N } from "@onereach/ui-components-common/hooks";
 import { O as R } from "./OrButton-ZxDr22t7.mjs";
-import { O as V } from "./OrModal-DiVA7_Ct.mjs";
-import { O as j, a as z } from "./OrPopover-GBPJ4IDN.mjs";
+import { O as V } from "./OrModal-g0RQlxBs.mjs";
+import { O as j, a as z } from "./OrPopover-aLMwD-Em.mjs";
 import "@onereach/ui-components-common/utils";
+import "@floating-ui/dom";
 import { defineComponent as A, ref as E, computed as y, toRef as U, resolveComponent as v, openBlock as d, createElementBlock as P, createBlock as $, withCtx as s, createElementVNode as p, mergeProps as c, normalizeClass as r, toDisplayString as a, createVNode as i, createTextVNode as n, renderSlot as f, normalizeProps as C, guardReactiveProps as w, createCommentVNode as g } from "vue";
 import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const T = [
@@ -238,8 +239,8 @@ function Q(e, o, k, b, O, S) {
     }, 8, ["is-open"])) : g("", !0)
   ]);
 }
-const ee = /* @__PURE__ */ H(I, [["render", Q]]);
+const oe = /* @__PURE__ */ H(I, [["render", Q]]);
 export {
-  ee as O
+  oe as O
 };
-//# sourceMappingURL=OrFilterPopover-DXO-6y8a.mjs.map
+//# sourceMappingURL=OrFilterPopover-VAM2MJnZ.mjs.map

package/dist/esm/{OrFilterPopover-DXO-6y8a.mjs.map → OrFilterPopover-VAM2MJnZ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrFilterPopover-DXO-6y8a.mjs","sources":["../../../components/or-filter-popover-v3/src/styles.ts","../../../components/or-filter-popover-v3/src/OrFilterPopover.vue"],"sourcesContent":["export const FilterPopover: string[] = [\n  // Layout\n  'layout-column',\n\n  // Box\n  'w-auto md:w-[352px]',\n\n  // Spacing\n  'px-0 md:px-md',\n  'py-0 md:py-md',\n\n  'gap-md',\n];\n\nexport const FilterPopoverHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-md',\n\n  // Typography\n  'typography-headline-3',\n];\n\nexport const FilterPopoverFooter: string[] = [\n  // Layout\n  'layout-row-reverse',\n\n  // Spacing\n  'gap-md',\n];\n","<template>\n  <div :class=\"['contents']\">\n    <template v-if=\"isDesktop\">\n      <OrPopover\n        :is-open=\"state === 'open'\"\n        :variant=\"'popover'\"\n        :trigger=\"trigger\"\n        :placement=\"placement\"\n        :fallback-placement=\"fallbackPlacement\"\n        :offset=\"offset\"\n        @update:state=\"$event === 'open' ? open() : close()\"\n      >\n        <div\n          v-bind=\"$attrs\"\n          :ref=\"'root'\"\n          :class=\"rootStyles\"\n        >\n          <div :class=\"headerStyles\">\n            <div :class=\"['grow', 'truncate']\">\n              {{ title }}\n            </div>\n\n            <OrButton\n              :variant=\"'link'\"\n              @click=\"reset()\"\n            >\n              {{ resetLabel }}\n            </OrButton>\n          </div>\n\n          <slot />\n\n          <slot\n            v-bind=\"{ apply, reset, isDesktop, isMobile }\"\n            :name=\"'actions'\"\n          >\n            <div\n              v-if=\"enableDesktopControls\"\n              :class=\"footerStyles\"\n            >\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'contained'\"\n                @click=\"apply()\"\n              >\n                {{ applyLabel }}\n              </OrButton>\n\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'outlined'\"\n                @click=\"close()\"\n              >\n                {{ closeLabel }}\n              </OrButton>\n            </div>\n          </slot>\n        </div>\n      </OrPopover>\n    </template>\n\n    <template v-if=\"isMobile\">\n      <OrModal\n        :is-open=\"state === 'open'\"\n        @update:state=\"$event === 'open' ? open() : close()\"\n      >\n        <template v-slot:header>\n          {{ title }}\n        </template>\n\n        <div\n          v-bind=\"$attrs\"\n          :ref=\"'root'\"\n          :class=\"rootStyles\"\n        >\n          <slot />\n        </div>\n\n        <template v-slot:footer>\n          <slot\n            v-bind=\"{ apply, reset, isDesktop, isMobile }\"\n            :name=\"'actions'\"\n          >\n            <div :class=\"footerStyles\">\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'contained'\"\n                @click=\"apply()\"\n              >\n                {{ applyLabel }}\n              </OrButton>\n\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'outlined'\"\n                @click=\"reset()\"\n              >\n                {{ resetLabel }}\n              </OrButton>\n            </div>\n          </slot>\n        </template>\n      </OrModal>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { FlipOptions, ReferenceElement } from '@floating-ui/dom';\nimport { usePopoverState, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrModalV3 as OrModal } from '@onereach/ui-components.or-modal-v3';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilterPopover',\n\n  components: {\n    OrButton,\n    OrModal,\n    OrPopover,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    title: {\n      type: String,\n      default: 'Filters',\n    },\n\n    applyLabel: {\n      type: String,\n      default: 'View Results',\n    },\n\n    resetLabel: {\n      type: String,\n      default: 'Reset All',\n    },\n\n    closeLabel: {\n      type: String,\n      default: 'Close',\n    },\n\n    trigger: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.BottomStart,\n    },\n\n    fallbackPlacement: {\n      type: String as PropType<FlipOptions['fallbackAxisSideDirection']>,\n      default: undefined,\n    },\n\n    enableDesktopControls: {\n      type: Boolean,\n      default: false,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-filter-popover-v3',\n      ...Styles.FilterPopover,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.FilterPopoverHeader,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...Styles.FilterPopoverFooter,\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Methods\n    function apply(): void {\n      context.emit('apply');\n    }\n\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      headerStyles,\n      footerStyles,\n\n      state,\n\n      open,\n      close,\n      toggle,\n\n      apply,\n      reset,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["FilterPopover","FilterPopoverHeader","FilterPopoverFooter","_sfc_main","defineComponent","OrButton","OrModal","OrPopover","PopoverPlacement","props","context","root","ref","rootStyles","computed","Styles.FilterPopover","headerStyles","Styles.FilterPopoverHeader","footerStyles","Styles.FilterPopoverFooter","state","open","close","toggle","usePopoverState","toRef","apply","reset","isDesktop","isMobile","useResponsive","_component_OrModal","_resolveComponent","_createElementBlock","_hoisted_1","_ctx","_openBlock","_createBlock","_component_OrPopover","_cache","$event","_withCtx","_createElementVNode","_mergeProps","_normalizeClass","_hoisted_2","_toDisplayString","_createVNode","_component_OrButton","_renderSlot","_normalizeProps","_guardReactiveProps","_createTextVNode"],"mappings":";;;;;;;AAAO,MAAMA,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AACF,GAEaC,IAAgC;AAAA;AAAA,EAE3C;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAAgC;AAAA;AAAA,EAE3C;AAAA;AAAA,EAGA;AACF,GCsFAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,EACF;AAAA,EAEA,cAAc;AAAA,EAEd,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAiB;AAAA,IAClC;AAAA,IAEA,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAeF,EAAS,MAAM;AAAA,MAClC,GAAGG;AAAAA,IAAO,CACX,GAEKC,IAAeJ,EAAS,MAAM;AAAA,MAClC,GAAGK;AAAAA,IAAO,CACX,GAGK,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMhB,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASgB,IAAc;AACrB,MAAAhB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEA,aAASiB,IAAc;AACrB,MAAAjB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAGA,UAAM,EAAE,WAAAkB,GAAW,UAAAC,EAAS,IAAIC,EAAc;AAEvC,WAAA;AAAA,MACL,MAAAnB;AAAA,MACA,YAAAE;AAAA,MAEA,cAAAG;AAAA,MACA,cAAAE;AAAA,MAEA,OAAAE;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MAEA,OAAAG;AAAA,MACA,OAAAC;AAAA,MAEA,WAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;;;;;+CA3PCE,IAAAC,EAuGM,SAvGN;cAEIC,EAuDY,OAAAC,GAAA;AAAA,IAAAC,EAAA,aAAAC,KAtDAC,EAAKC,GAAA;AAAA,MACd,KAAA;AAAA,MACA,WAASH,EAAO,UAAA;AAAA,MAChB,SAAS;AAAA,MACT,SAAAA,EAAA;AAAA,MACA,WAAQA,EAAA;AAAA,MACR,sBAAYA,EAAA;AAAA,MAAA,QAAAA,EAAA;AAAA,wBAEbI,EA6CM,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAL,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,IAAA,GAAA;AAAA,eA3CEM,EAAM,MAAA;AAAA,QAAAC,EACJ,OAAUC,EAAAR,EAAA,QAAA;AAAA,UAAA,KAAA;AAAA,UAElB,OAAAA,EAAA;AAAA,QAAA,CAAM,GAAA;AAAA,UAAAO,EAAA,OAAA;AAAA,YACJ,OAAAE,EAEMT,EAFN,YAEM;AAAA,UAAA,GAEN;AAAA,YACkBO,EAAA,OAAAG,GAAAC,EAAAX,EAAA,KAAA,GAAA,CAAA;AAAA,YACVY,EAAAC,GAAA;AAAA,cAAA,SAAA;AAAA,cAEU,SAAAT,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAL,EAAA;YAAA,GAAA;AAAA;;;;YAIpB,CAAA;AAAA,UAEA,GAAA,CAAA;AAAA,UAAAc,EAKUd,EAAqB,QAAA,SAAA;AAAA,UAAAc,EAAAd,EAAA,QAD7B,WAmBMe,EAAAC,EAAA,EAAA,OAAAhB,EAAA,OAAA,OAAAA,EAAA,OAAA,WAAAA,EAAA,WAAA,UAAAA,EAAA,UAAA,CAAA,GAAA,MAAA;AAAA,YAAAA,EAAA,yBAAAC,OAjBI,OAAY;AAAA,cAAA,KAAA;AAAA,cAEpB,OAMWQ,EAAAT,EAAA,YAAA;AAAA,YAAA,GAAA;AAAA,gBAJCa,GAAW;AAAA,gBACpB,OAAKJ,EAAA,CAAA,MAAA,CAAA;AAAA,gBAAA,SAAA;AAAA,gBAEU,SAAAL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAL,EAAA;cAAA,GAAA;AAAA;;;gBAGlB,GAAA;AAAA,cAAA,CAAA;AAAA,gBAEYa,GAAU;AAAA,gBACnB,OAAKJ,EAAA,CAAA,MAAA,CAAA;AAAA,gBAAA,SAAA;AAAA,gBAEU,SAAAL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAL,EAAA;cAAA,GAAA;AAAA;;;;;;;;;;IAQZ,GAAA,GAAA,CAAA,WAAQ,8DACtB,IAwCU,EAAA;AAAA,IAAAA,EAAA,YAAAC,KAvCEC,EAAKN,GAAA;AAAA,MACd,KAAA;AAAA,MAAA,WAAAI,EAAA,UAAA;AAAA,MAEgB,kBACJI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAL,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,IAAA,GAAA;AAAA;QAWIiB,EAsBRN,EAAAX,EAAA,KAAA,GAAA,CAAA;AAAA,MAAA,CAAA;AAAA,MAjBL,QAAAM,EAAA,MAAA;AAAA,QAAAQ,EAAWd,qBAAEe,EAAYC,EAAA,EAAA,OAAAhB,EAAA,OAAA,OAAAA,EAAA,OAAA,WAAAA,EAAA,WAAA,UAAAA,EAAA,UAAA,CAAA,GAAA,MAAA;AAAA,UAAAO,EAAA,OAAA;AAAA,YACvB,OAMWE,EAAAT,EAAA,YAAA;AAAA,UAAA,GAAA;AAAA,cAJCa,GAAW;AAAA,cACpB,OAAKJ,EAAA,CAAA,MAAA,CAAA;AAAA,cAAA,SAAA;AAAA,cAEU,SAAAL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAL,EAAA;YAAA,GAAA;AAAA;;;cAGlB,GAAA;AAAA,YAAA,CAAA;AAAA,cAEYa,GAAU;AAAA,cACnB,OAAKJ,EAAA,CAAA,MAAA,CAAA;AAAA,cAAA,SAAA;AAAA,cAEU,SAAAL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAL,EAAA;YAAA,GAAA;AAAA;;;;;;;;eAzBhBM,EAAM,MAAA;AAAA,QAAAC,EACJ,OAAUC,EAAAR,EAAA,QAAA;AAAA,UAAA,KAAA;AAAA,UAElB,OAAQA,EAAA;AAAA,QAAA,CAAA,GAAA;AAAA;;;;;;;;"}
+{"version":3,"file":"OrFilterPopover-VAM2MJnZ.mjs","sources":["../../../components/or-filter-popover-v3/src/styles.ts","../../../components/or-filter-popover-v3/src/OrFilterPopover.vue"],"sourcesContent":["export const FilterPopover: string[] = [\n  // Layout\n  'layout-column',\n\n  // Box\n  'w-auto md:w-[352px]',\n\n  // Spacing\n  'px-0 md:px-md',\n  'py-0 md:py-md',\n\n  'gap-md',\n];\n\nexport const FilterPopoverHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-md',\n\n  // Typography\n  'typography-headline-3',\n];\n\nexport const FilterPopoverFooter: string[] = [\n  // Layout\n  'layout-row-reverse',\n\n  // Spacing\n  'gap-md',\n];\n","<template>\n  <div :class=\"['contents']\">\n    <template v-if=\"isDesktop\">\n      <OrPopover\n        :is-open=\"state === 'open'\"\n        :variant=\"'popover'\"\n        :trigger=\"trigger\"\n        :placement=\"placement\"\n        :fallback-placement=\"fallbackPlacement\"\n        :offset=\"offset\"\n        @update:state=\"$event === 'open' ? open() : close()\"\n      >\n        <div\n          v-bind=\"$attrs\"\n          :ref=\"'root'\"\n          :class=\"rootStyles\"\n        >\n          <div :class=\"headerStyles\">\n            <div :class=\"['grow', 'truncate']\">\n              {{ title }}\n            </div>\n\n            <OrButton\n              :variant=\"'link'\"\n              @click=\"reset()\"\n            >\n              {{ resetLabel }}\n            </OrButton>\n          </div>\n\n          <slot />\n\n          <slot\n            v-bind=\"{ apply, reset, isDesktop, isMobile }\"\n            :name=\"'actions'\"\n          >\n            <div\n              v-if=\"enableDesktopControls\"\n              :class=\"footerStyles\"\n            >\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'contained'\"\n                @click=\"apply()\"\n              >\n                {{ applyLabel }}\n              </OrButton>\n\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'outlined'\"\n                @click=\"close()\"\n              >\n                {{ closeLabel }}\n              </OrButton>\n            </div>\n          </slot>\n        </div>\n      </OrPopover>\n    </template>\n\n    <template v-if=\"isMobile\">\n      <OrModal\n        :is-open=\"state === 'open'\"\n        @update:state=\"$event === 'open' ? open() : close()\"\n      >\n        <template v-slot:header>\n          {{ title }}\n        </template>\n\n        <div\n          v-bind=\"$attrs\"\n          :ref=\"'root'\"\n          :class=\"rootStyles\"\n        >\n          <slot />\n        </div>\n\n        <template v-slot:footer>\n          <slot\n            v-bind=\"{ apply, reset, isDesktop, isMobile }\"\n            :name=\"'actions'\"\n          >\n            <div :class=\"footerStyles\">\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'contained'\"\n                @click=\"apply()\"\n              >\n                {{ applyLabel }}\n              </OrButton>\n\n              <OrButton\n                :class=\"['grow']\"\n                :variant=\"'outlined'\"\n                @click=\"reset()\"\n              >\n                {{ resetLabel }}\n              </OrButton>\n            </div>\n          </slot>\n        </template>\n      </OrModal>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { FlipOptions, ReferenceElement } from '@floating-ui/dom';\nimport { usePopoverState, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrModalV3 as OrModal } from '@onereach/ui-components.or-modal-v3';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilterPopover',\n\n  components: {\n    OrButton,\n    OrModal,\n    OrPopover,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    title: {\n      type: String,\n      default: 'Filters',\n    },\n\n    applyLabel: {\n      type: String,\n      default: 'View Results',\n    },\n\n    resetLabel: {\n      type: String,\n      default: 'Reset All',\n    },\n\n    closeLabel: {\n      type: String,\n      default: 'Close',\n    },\n\n    trigger: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.BottomStart,\n    },\n\n    fallbackPlacement: {\n      type: String as PropType<FlipOptions['fallbackAxisSideDirection']>,\n      default: undefined,\n    },\n\n    enableDesktopControls: {\n      type: Boolean,\n      default: false,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-filter-popover-v3',\n      ...Styles.FilterPopover,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.FilterPopoverHeader,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...Styles.FilterPopoverFooter,\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Methods\n    function apply(): void {\n      context.emit('apply');\n    }\n\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      headerStyles,\n      footerStyles,\n\n      state,\n\n      open,\n      close,\n      toggle,\n\n      apply,\n      reset,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["FilterPopover","FilterPopoverHeader","FilterPopoverFooter","_sfc_main","defineComponent","OrButton","OrModal","OrPopover","PopoverPlacement","props","context","root","ref","rootStyles","computed","Styles.FilterPopover","headerStyles","Styles.FilterPopoverHeader","footerStyles","Styles.FilterPopoverFooter","state","open","close","toggle","usePopoverState","toRef","apply","reset","isDesktop","isMobile","useResponsive","_component_OrModal","_resolveComponent","_createElementBlock","_hoisted_1","_ctx","_openBlock","_createBlock","_component_OrPopover","_cache","$event","_withCtx","_createElementVNode","_mergeProps","_normalizeClass","_hoisted_2","_toDisplayString","_createVNode","_component_OrButton","_renderSlot","_normalizeProps","_guardReactiveProps","_createTextVNode"],"mappings":"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"}

package/dist/esm/{OrFilterTrigger-BNVaoHrT.mjs → OrFilterTrigger-BNwwT2iX.mjs}

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

package/dist/esm/{OrFilterTrigger-BNVaoHrT.mjs.map → OrFilterTrigger-BNwwT2iX.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrFilterTrigger-BNVaoHrT.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n  // Layout\n  'layout-row',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[44px] md:h-[32px]',\n\n  // Spacing\n  'px-md md:px-sm+',\n  'py-0',\n\n  'gap-md+ md:gap-md',\n\n  // Typography\n  'typography-button',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  // Theme (hover)\n  'hover:theme-foreground-primary-hover',\n  'dark:hover:theme-foreground-primary-hover-dark',\n\n  'hover:theme-background-primary-translucent-1',\n  'dark:hover:theme-background-primary-translucent-1-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-primary',\n  'dark:selected:theme-foreground-primary-dark',\n\n  'selected:theme-background-primary-translucent-1',\n  'dark:selected:theme-background-primary-translucent-1-dark',\n\n  // Theme (activated)\n  'activated:theme-background-primary-translucent-1',\n  'dark:activated:theme-background-primary-translucent-1-dark',\n\n  // Theme (.icon)\n  '[&_.icon]:theme-foreground-primary',\n  'dark:[&_.icon]:theme-foreground-primary-dark',\n\n  // Theme (.icon / hover)\n  '[&_.icon]:hover:theme-foreground-primary-hover',\n  'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n  // Layout\n  'layout-row',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[36px] md:h-[24px]',\n\n  // Spacing\n  'px-sm+ md:px-sm',\n  'py-0',\n\n  'gap-sm+ md:gap-sm',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"isOpen\"\n    :activated=\"!!value\"\n    @click=\"$emit('click', $event)\"\n  >\n    <div :class=\"labelStyles\">\n      <OrIcon\n        :class=\"'icon'\"\n        :icon=\"icon\"\n      />\n\n      {{ label }}\n    </div>\n\n    <template v-if=\"value\">\n      <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n        <div :class=\"tagStyles\">\n          {{ value }}\n\n          <div :class=\"['layout-inline-row', '-m-[4px]']\">\n            <OrIconButton\n              :icon=\"'close'\"\n              @click.stop=\"reset()\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilterTrigger',\n\n  components: {\n    OrIcon,\n    OrIconButton,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    value: {\n      type: [Number, String],\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: 'Filters',\n    },\n\n    icon: {\n      type: String,\n      default: 'filter_list',\n    },\n  },\n\n  emits: [\n    'reset',\n    'click',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-filter-trigger-v3',\n      ...Styles.FilterTrigger,\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.FilterTriggerLabel,\n    ]);\n\n    const tagStyles = computed(() => [\n      ...Styles.FilterTriggerTag,\n    ]);\n\n    // Methods\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      labelStyles,\n\n      tagStyles,\n\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_component_OrIcon","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_3","_createVNode","_component_OrIconButton"],"mappings":"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"}
+{"version":3,"file":"OrFilterTrigger-BNwwT2iX.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n  // Layout\n  'layout-row',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[44px] md:h-[32px]',\n\n  // Spacing\n  'px-md md:px-sm+',\n  'py-0',\n\n  'gap-md+ md:gap-md',\n\n  // Typography\n  'typography-button',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  // Theme (hover)\n  'hover:theme-foreground-primary-hover',\n  'dark:hover:theme-foreground-primary-hover-dark',\n\n  'hover:theme-background-primary-translucent-1',\n  'dark:hover:theme-background-primary-translucent-1-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-primary',\n  'dark:selected:theme-foreground-primary-dark',\n\n  'selected:theme-background-primary-translucent-1',\n  'dark:selected:theme-background-primary-translucent-1-dark',\n\n  // Theme (activated)\n  'activated:theme-background-primary-translucent-1',\n  'dark:activated:theme-background-primary-translucent-1-dark',\n\n  // Theme (.icon)\n  '[&_.icon]:theme-foreground-primary',\n  'dark:[&_.icon]:theme-foreground-primary-dark',\n\n  // Theme (.icon / hover)\n  '[&_.icon]:hover:theme-foreground-primary-hover',\n  'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n  // Layout\n  'layout-row',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[36px] md:h-[24px]',\n\n  // Spacing\n  'px-sm+ md:px-sm',\n  'py-0',\n\n  'gap-sm+ md:gap-sm',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"isOpen\"\n    :activated=\"!!value\"\n    @click=\"$emit('click', $event)\"\n  >\n    <div :class=\"labelStyles\">\n      <OrIcon\n        :class=\"'icon'\"\n        :icon=\"icon\"\n      />\n\n      {{ label }}\n    </div>\n\n    <template v-if=\"value\">\n      <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n        <div :class=\"tagStyles\">\n          {{ value }}\n\n          <div :class=\"['layout-inline-row', '-m-[4px]']\">\n            <OrIconButton\n              :icon=\"'close'\"\n              @click.stop=\"reset()\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilterTrigger',\n\n  components: {\n    OrIcon,\n    OrIconButton,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    value: {\n      type: [Number, String],\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: 'Filters',\n    },\n\n    icon: {\n      type: String,\n      default: 'filter_list',\n    },\n  },\n\n  emits: [\n    'reset',\n    'click',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-filter-trigger-v3',\n      ...Styles.FilterTrigger,\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.FilterTriggerLabel,\n    ]);\n\n    const tagStyles = computed(() => [\n      ...Styles.FilterTriggerTag,\n    ]);\n\n    // Methods\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      labelStyles,\n\n      tagStyles,\n\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_component_OrIcon","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_3","_createVNode","_component_OrIconButton"],"mappings":"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"}

package/dist/esm/{OrIconButton-Ds8k8FmS.mjs → OrIconButton-BCIKn82o.mjs}

@@ -1,5 +1,5 @@
 import { O as k, a as v, I as u } from "./OrIcon-k8cyvh-D.mjs";
-import { O as h } from "./OrTooltip-BCrAH95l.mjs";
+import { O as h } from "./OrTooltip-DXNLYuI0.mjs";
 import { defineComponent as g, ref as c, computed as a, resolveComponent as s, openBlock as b, createElementBlock as O, mergeProps as m, toHandlers as I, createVNode as y, normalizeProps as S, guardReactiveProps as P, createSlots as $, withCtx as z, renderSlot as B } from "vue";
 import { i as R } from "./constants-ByXK9fg4.mjs";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -212,4 +212,4 @@ export {
   t as I,
   H as O
 };
-//# sourceMappingURL=OrIconButton-Ds8k8FmS.mjs.map
+//# sourceMappingURL=OrIconButton-BCIKn82o.mjs.map

package/dist/esm/{OrIconButton-Ds8k8FmS.mjs.map → OrIconButton-BCIKn82o.mjs.map}

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

package/dist/esm/{OrInlineInput-DqyLMsXq.mjs → OrInlineInput-DaRiOlHx.mjs}

@@ -2,7 +2,7 @@
 import { useIdAttribute as R, useControlAttributes as U, useValidationAttributes as j, useProxyModelValue as q } from "@onereach/ui-components-common/hooks";
 import { O as G } from "./OrError-B5ihH6-3.mjs";
 import { O as J } from "./OrHint-NvbZyURY.mjs";
-import { O as Q } from "./OrIconButton-Ds8k8FmS.mjs";
+import { O as Q } from "./OrIconButton-BCIKn82o.mjs";
 import { I as y, O as W } from "./OrInlineInputBox-M_zTO43m.mjs";
 import { O as X } from "./OrText-3zAJU5xf.mjs";
 import { defineComponent as Y, reactive as Z, ref as f, computed as u, toRef as x, watch as _, nextTick as S, resolveComponent as s, openBlock as d, createElementBlock as B, normalizeClass as g, createElementVNode as ee, createVNode as v, withCtx as p, withDirectives as C, mergeProps as te, vModelDynamic as oe, createBlock as z, withModifiers as T, createCommentVNode as L, createSlots as N, renderSlot as ne, createTextVNode as c, toDisplayString as a, vShow as A } from "vue";
@@ -288,4 +288,4 @@ export {
   E as I,
   Oe as O
 };
-//# sourceMappingURL=OrInlineInput-DqyLMsXq.mjs.map
+//# sourceMappingURL=OrInlineInput-DaRiOlHx.mjs.map

package/dist/esm/{OrInlineInput-DqyLMsXq.mjs.map → OrInlineInput-DaRiOlHx.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrInlineInput-DqyLMsXq.mjs","sources":["../../../components/or-inline-input-v3/src/styles.ts","../../../components/or-inline-input-v3/src/types.ts","../../../components/or-inline-input-v3/src/OrInlineInput.vue"],"sourcesContent":["import { InlineInputBoxSize } from '@onereach/ui-components.or-inline-input-box-v3';\n\nexport const InlineInput: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InlineInputControl: string[] = [\n  // Box\n  'w-full',\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 InlineInputAction: string[] = [\n  // Layout\n  'layout-inline-row self-start',\n\n  // Spacing\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const InlineInputActionSizes: Record<InlineInputBoxSize, string[]> = {\n  [InlineInputBoxSize.L]: [\n    // Spacing\n    'px-0',\n    'py-sm',\n  ],\n\n  [InlineInputBoxSize.M]: [\n    // Spacing\n    'px-0',\n    'py-xs',\n  ],\n\n  [InlineInputBoxSize.S]: [\n    // Spacing\n    'px-0',\n    'py-xs*',\n  ],\n};\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InlineInputModelValue = ModelValue<string | number>;\n\nexport enum InlineInputType {\n  Text = 'text',\n  Number = 'number',\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['layout-row', 'gap-sm']\">\n      <OrInlineInputBox\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :activated=\"activated\"\n      >\n        <input\n          v-if=\"activated || !draft\"\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model.trim=\"draft\"\n          :class=\"controlStyles\"\n          :type=\"type\"\n          :placeholder=\"placeholder\"\n          :activated=\"activated\"\n          @input=\"$emit('input', $event)\"\n          @keydown=\"$emit('keydown', $event)\"\n          @keyup=\"$emit('keyup', $event)\"\n          @focus=\"$emit('focus', $event); onFocus()\"\n          @blur=\"$emit('blur', $event); onBlur()\"\n        >\n        <OrText\n          v-else\n          :text=\"draft.toString()\"\n          :slice-index=\"sliceIndex\"\n          :class=\"controlStyles\"\n          @click=\"onTextClick\"\n        />\n      </OrInlineInputBox>\n\n      <template v-if=\"activated && !saveOnBlur\">\n        <div :class=\"actionStyles\">\n          <OrIconButton\n            :icon=\"'done'\"\n            :color=\"'inherit'\"\n            @click.stop=\"apply\"\n          />\n\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            @click.stop=\"reset\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint v-show=\"!error\">\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ length }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError v-show=\"typeof error === 'string' && error.length > 0\">\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ length }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\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 { InlineInputBoxSize, OrInlineInputBoxV3 as OrInlineInputBox } from '@onereach/ui-components.or-inline-input-box-v3';\nimport { OrTextV3 as OrText } from '@onereach/ui-components.or-text-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef, watch, nextTick } from 'vue';\n\nimport * as Styles from './styles';\nimport { InlineInputModelValue, InlineInputType } from './types';\n\nexport default defineComponent({\n  name: 'OrInlineInput',\n\n  components: {\n    OrError,\n    OrText,\n    OrHint,\n    OrIconButton,\n    OrInlineInputBox,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InlineInputModelValue>,\n      default: undefined,\n    },\n\n    type: {\n      type: String as PropType<`${InlineInputType}`>,\n      default: () => InlineInputType.Text,\n    },\n\n    size: {\n      type: String as PropType<`${InlineInputBoxSize}`>,\n      default: () => InlineInputBoxSize.M,\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    saveOnBlur: {\n      type: Boolean,\n      default: false,\n    },\n\n    sliceIndex: {\n      type: Number,\n      default: 0,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'apply',\n    'reset',\n\n    'focus',\n    'blur',\n\n    'activate',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-inline-input-v3',\n      ...Styles.InlineInput,\n    ]);\n\n    const control = ref<HTMLInputElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.InlineInputControl,\n    ]);\n\n    const actionStyles = computed(() => [\n      ...Styles.InlineInputAction,\n      ...Styles.InlineInputActionSizes[props.size],\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const activated = ref(false);\n\n    const length = computed(() => {\n      return draft.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Handlers\n    function onFocus(): void {\n      activate();\n    }\n\n    function onTextClick(): void {\n      activate(true);\n    }\n\n    function onBlur(): void {\n      if (props.saveOnBlur) {\n        apply();\n      }\n    }\n\n    // Methods\n    function apply(): void {\n      if (draft.value !== model.value) {\n        model.value = draft.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('apply', model.value));\n    }\n\n    function reset(): void {\n      if (draft.value !== model.value) {\n        draft.value = model.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('reset', model.value));\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    function activate(forceFocus = false): void {\n      if (!activated.value) {\n        activated.value = true;\n      }\n\n      if (forceFocus) nextTick(() => focus());\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      actionStyles,\n\n      model,\n      draft,\n\n      activated,\n\n      length,\n      maxLength,\n\n      onFocus,\n      onBlur,\n      onTextClick,\n\n      apply,\n      reset,\n\n      focus,\n      blur,\n\n      activate,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n  display: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  display: none;\n}\n</style>\n"],"names":["InlineInput","InlineInputControl","InlineInputAction","InlineInputActionSizes","InlineInputBoxSize","InlineInputType","_sfc_main","defineComponent","OrError","OrText","OrHint","OrIconButton","OrInlineInputBox","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.InlineInput","control","controlStyles","Styles.InlineInputControl","actionStyles","Styles.InlineInputAction","Styles.InlineInputActionSizes","model","useProxyModelValue","toRef","draft","watch","value","activated","length","_a","maxLength","onFocus","activate","onTextClick","onBlur","apply","nextTick","reset","focus","blur","forceFocus","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_createVNode","_component_OrInlineInputBox","_withDirectives","_mergeProps","_cache","$event","_createBlock","_component_OrText","_component_OrIconButton","_withModifiers","_createCommentVNode","_component_OrHint","_createSlots","_withCtx","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrInlineInput-DaRiOlHx.mjs","sources":["../../../components/or-inline-input-v3/src/styles.ts","../../../components/or-inline-input-v3/src/types.ts","../../../components/or-inline-input-v3/src/OrInlineInput.vue"],"sourcesContent":["import { InlineInputBoxSize } from '@onereach/ui-components.or-inline-input-box-v3';\n\nexport const InlineInput: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InlineInputControl: string[] = [\n  // Box\n  'w-full',\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 InlineInputAction: string[] = [\n  // Layout\n  'layout-inline-row self-start',\n\n  // Spacing\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const InlineInputActionSizes: Record<InlineInputBoxSize, string[]> = {\n  [InlineInputBoxSize.L]: [\n    // Spacing\n    'px-0',\n    'py-sm',\n  ],\n\n  [InlineInputBoxSize.M]: [\n    // Spacing\n    'px-0',\n    'py-xs',\n  ],\n\n  [InlineInputBoxSize.S]: [\n    // Spacing\n    'px-0',\n    'py-xs*',\n  ],\n};\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InlineInputModelValue = ModelValue<string | number>;\n\nexport enum InlineInputType {\n  Text = 'text',\n  Number = 'number',\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['layout-row', 'gap-sm']\">\n      <OrInlineInputBox\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :activated=\"activated\"\n      >\n        <input\n          v-if=\"activated || !draft\"\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model.trim=\"draft\"\n          :class=\"controlStyles\"\n          :type=\"type\"\n          :placeholder=\"placeholder\"\n          :activated=\"activated\"\n          @input=\"$emit('input', $event)\"\n          @keydown=\"$emit('keydown', $event)\"\n          @keyup=\"$emit('keyup', $event)\"\n          @focus=\"$emit('focus', $event); onFocus()\"\n          @blur=\"$emit('blur', $event); onBlur()\"\n        >\n        <OrText\n          v-else\n          :text=\"draft.toString()\"\n          :slice-index=\"sliceIndex\"\n          :class=\"controlStyles\"\n          @click=\"onTextClick\"\n        />\n      </OrInlineInputBox>\n\n      <template v-if=\"activated && !saveOnBlur\">\n        <div :class=\"actionStyles\">\n          <OrIconButton\n            :icon=\"'done'\"\n            :color=\"'inherit'\"\n            @click.stop=\"apply\"\n          />\n\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            @click.stop=\"reset\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint v-show=\"!error\">\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ length }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError v-show=\"typeof error === 'string' && error.length > 0\">\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ length }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\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 { InlineInputBoxSize, OrInlineInputBoxV3 as OrInlineInputBox } from '@onereach/ui-components.or-inline-input-box-v3';\nimport { OrTextV3 as OrText } from '@onereach/ui-components.or-text-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef, watch, nextTick } from 'vue';\n\nimport * as Styles from './styles';\nimport { InlineInputModelValue, InlineInputType } from './types';\n\nexport default defineComponent({\n  name: 'OrInlineInput',\n\n  components: {\n    OrError,\n    OrText,\n    OrHint,\n    OrIconButton,\n    OrInlineInputBox,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InlineInputModelValue>,\n      default: undefined,\n    },\n\n    type: {\n      type: String as PropType<`${InlineInputType}`>,\n      default: () => InlineInputType.Text,\n    },\n\n    size: {\n      type: String as PropType<`${InlineInputBoxSize}`>,\n      default: () => InlineInputBoxSize.M,\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    saveOnBlur: {\n      type: Boolean,\n      default: false,\n    },\n\n    sliceIndex: {\n      type: Number,\n      default: 0,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'apply',\n    'reset',\n\n    'focus',\n    'blur',\n\n    'activate',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-inline-input-v3',\n      ...Styles.InlineInput,\n    ]);\n\n    const control = ref<HTMLInputElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.InlineInputControl,\n    ]);\n\n    const actionStyles = computed(() => [\n      ...Styles.InlineInputAction,\n      ...Styles.InlineInputActionSizes[props.size],\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const activated = ref(false);\n\n    const length = computed(() => {\n      return draft.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Handlers\n    function onFocus(): void {\n      activate();\n    }\n\n    function onTextClick(): void {\n      activate(true);\n    }\n\n    function onBlur(): void {\n      if (props.saveOnBlur) {\n        apply();\n      }\n    }\n\n    // Methods\n    function apply(): void {\n      if (draft.value !== model.value) {\n        model.value = draft.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('apply', model.value));\n    }\n\n    function reset(): void {\n      if (draft.value !== model.value) {\n        draft.value = model.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('reset', model.value));\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    function activate(forceFocus = false): void {\n      if (!activated.value) {\n        activated.value = true;\n      }\n\n      if (forceFocus) nextTick(() => focus());\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      actionStyles,\n\n      model,\n      draft,\n\n      activated,\n\n      length,\n      maxLength,\n\n      onFocus,\n      onBlur,\n      onTextClick,\n\n      apply,\n      reset,\n\n      focus,\n      blur,\n\n      activate,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n  display: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  display: none;\n}\n</style>\n"],"names":["InlineInput","InlineInputControl","InlineInputAction","InlineInputActionSizes","InlineInputBoxSize","InlineInputType","_sfc_main","defineComponent","OrError","OrText","OrHint","OrIconButton","OrInlineInputBox","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.InlineInput","control","controlStyles","Styles.InlineInputControl","actionStyles","Styles.InlineInputAction","Styles.InlineInputActionSizes","model","useProxyModelValue","toRef","draft","watch","value","activated","length","_a","maxLength","onFocus","activate","onTextClick","onBlur","apply","nextTick","reset","focus","blur","forceFocus","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_createVNode","_component_OrInlineInputBox","_withDirectives","_mergeProps","_cache","$event","_createBlock","_component_OrText","_component_OrIconButton","_withModifiers","_createCommentVNode","_component_OrHint","_createSlots","_withCtx","_component_OrError"],"mappings":"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"}

package/dist/esm/{OrInlineTextarea-DVi6ZAsn.mjs → OrInlineTextarea-CzONLs0p.mjs}

@@ -2,7 +2,7 @@
 import { useIdAttribute as M, useControlAttributes as D, useValidationAttributes as K, useProxyModelValue as P } from "@onereach/ui-components-common/hooks";
 import { O as R } from "./OrError-B5ihH6-3.mjs";
 import { O as U } from "./OrHint-NvbZyURY.mjs";
-import { O as j } from "./OrIconButton-Ds8k8FmS.mjs";
+import { O as j } from "./OrIconButton-BCIKn82o.mjs";
 import { O as q } from "./OrInlineInputBox-M_zTO43m.mjs";
 import { useTextareaAutosize as G } from "@vueuse/core";
 import { defineComponent as J, reactive as Q, ref as u, computed as s, toRef as W, watch as X, nextTick as S, resolveComponent as m, openBlock as g, createElementBlock as V, normalizeClass as O, createElementVNode as w, createVNode as f, withCtx as d, withDirectives as h, mergeProps as Y, vModelText as Z, withModifiers as C, createCommentVNode as $, createBlock as x, createSlots as b, renderSlot as _, createTextVNode as v, toDisplayString as a, vShow as T } from "vue";
@@ -237,4 +237,4 @@ const ye = /* @__PURE__ */ ee(re, [["render", ie], ["__scopeId", "data-v-e942813
 export {
   ye as O
 };
-//# sourceMappingURL=OrInlineTextarea-DVi6ZAsn.mjs.map
+//# sourceMappingURL=OrInlineTextarea-CzONLs0p.mjs.map