@onereach/ui-components 25.3.2 → 25.3.3-beta.5799.0

package/dist/esm/{OrMenu-BNbd6Ajl.mjs.map → OrMenu-Cag_fBXC.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrMenu-BNbd6Ajl.mjs","sources":["../../../components/or-menu-v3/src/styles.ts","../../../components/or-menu-v3/src/OrMenu.vue"],"sourcesContent":["export const Menu: string[] = [\n  // Layout\n  'overflow-y-auto',\n\n  // Box\n  'min-w-[160px]',\n  'md:max-w-[256px]',\n  'max-h-[340px]',\n];\n","<template>\n  <OrPopover\n    :ref=\"popover\"\n    :class=\"popoverStyles\"\n    :custom-styles=\"popoverStyles\"\n    :is-open=\"state === 'open'\"\n    :variant=\"'auto'\"\n    :trigger=\"trigger\"\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :keep-alive=\"false\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"[rootStyles, ...additionalStyles]\"\n      @click.stop=\"onClick($event)\"\n      @mouseout=\"$emit('mouseout', $event)\"\n      @mouseleave=\"$emit('mouseleave', $event)\"\n      @mouseenter=\"$emit('mouseenter', $event)\"\n    >\n      <slot />\n    </div>\n  </OrPopover>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\n\nimport { Menu } from './styles';\n\nexport default defineComponent({\n  name: 'OrMenu',\n\n  components: {\n    OrPopover,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\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.Bottom,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'mouseout',\n    'mouseenter',\n    'mouseleave',\n  ],\n\n  expose: [\n    'root',\n    'popover',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const popover = ref();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-menu-v3',\n      ...Menu,\n    ]);\n\n    const popoverStyles = computed(() => [\n      'or-menu-popover-v3',\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Handlers\n    function onClick(event: Event): void {\n      const path = event.composedPath() as HTMLElement[];\n\n      if (path.some(({ classList }) => classList?.contains('or-menu-item-v3'))) {\n        close();\n      }\n    }\n\n    return {\n      root,\n      popover,\n      rootStyles,\n      popoverStyles,\n      state,\n      open,\n      close,\n      toggle,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["Menu","_sfc_main","defineComponent","OrPopover","PopoverPlacement","props","context","root","ref","popover","rootStyles","computed","popoverStyles","state","open","close","toggle","usePopoverState","toRef","onClick","event","classList","_resolveComponent","_openBlock","_createBlock","_component_OrPopover","_ctx","_normalizeClass","_cache","$event","_withCtx","_createElementVNode","_mergeProps","_withModifiers"],"mappings":"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"}
+{"version":3,"file":"OrMenu-Cag_fBXC.mjs","sources":["../../../components/or-menu-v3/src/styles.ts","../../../components/or-menu-v3/src/OrMenu.vue"],"sourcesContent":["export const Menu: string[] = [\n  // Layout\n  'overflow-y-auto',\n\n  // Box\n  'min-w-[160px]',\n  'md:max-w-[256px]',\n  'max-h-[340px]',\n];\n","<template>\n  <OrPopover\n    :ref=\"popover\"\n    :class=\"popoverStyles\"\n    :custom-styles=\"popoverStyles\"\n    :is-open=\"state === 'open'\"\n    :variant=\"'auto'\"\n    :trigger=\"trigger\"\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :keep-alive=\"false\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"[rootStyles, ...additionalStyles]\"\n      @click.stop=\"onClick($event)\"\n      @mouseout=\"$emit('mouseout', $event)\"\n      @mouseleave=\"$emit('mouseleave', $event)\"\n      @mouseenter=\"$emit('mouseenter', $event)\"\n    >\n      <slot />\n    </div>\n  </OrPopover>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\n\nimport { Menu } from './styles';\n\nexport default defineComponent({\n  name: 'OrMenu',\n\n  components: {\n    OrPopover,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\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.Bottom,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'mouseout',\n    'mouseenter',\n    'mouseleave',\n  ],\n\n  expose: [\n    'root',\n    'popover',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const popover = ref();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-menu-v3',\n      ...Menu,\n    ]);\n\n    const popoverStyles = computed(() => [\n      'or-menu-popover-v3',\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Handlers\n    function onClick(event: Event): void {\n      const path = event.composedPath() as HTMLElement[];\n\n      if (path.some(({ classList }) => classList?.contains('or-menu-item-v3'))) {\n        close();\n      }\n    }\n\n    return {\n      root,\n      popover,\n      rootStyles,\n      popoverStyles,\n      state,\n      open,\n      close,\n      toggle,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["Menu","_sfc_main","defineComponent","OrPopover","PopoverPlacement","props","context","root","ref","popover","rootStyles","computed","popoverStyles","state","open","close","toggle","usePopoverState","toRef","onClick","event","classList","_resolveComponent","_openBlock","_createBlock","_component_OrPopover","_ctx","_normalizeClass","_cache","$event","_withCtx","_createElementVNode","_mergeProps","_withModifiers"],"mappings":";;;;;AAAO,MAAMA,IAAiB;AAAA;AAAA,EAE5B;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AACF,GC2BAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,WAAAC;AAAA,EACF;AAAA,EAEA,cAAc;AAAA,EAEd,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,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,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IACX;AAAA;AAAA,IAGA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IACA;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KACPC,IAAUD,KAGVE,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGX;AAAA,IAAA,CACJ,GAEKY,IAAgBD,EAAS,MAAM;AAAA,MACnC;AAAA,IAAA,CACD,GAGK,EAAE,OAAAE,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMb,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASa,EAAQC,GAAoB;AAG/B,MAFSA,EAAM,eAEV,KAAK,CAAC,EAAE,WAAAC,QAAgBA,KAAA,gBAAAA,EAAW,SAAS,kBAAkB,KAC/DN;IAEV;AAEO,WAAA;AAAA,MACL,MAAAR;AAAA,MACA,SAAAE;AAAA,MACA,YAAAC;AAAA,MACA,eAAAE;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YApICG,EAuBY,WAAA;AArBJ,SAAAC,EAAA,GAAAC,EAAEC,GAAa;AAAA,IACpB,KAAAC,EAAA;AAAA,IACA,OAAcC,EAAAD,EAAA,aAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,WAASA,EAAO,UAAA;AAAA,IAChB,SAAS;AAAA,IACT,SAAQA,EAAA;AAAA,IACR,WAAYA,EAAA;AAAA,IACZ,QAAAA,EAAA;AAAA,IAAA,cAAA;AAAA,sBAEDE,EAUM,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAH,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,EAAA,GAAA;AAAA,aAREI,EAAM,MAAA;AAAA,MACHC,EAAA,OAAUC,EAAKN,EAAgB,QAAA;AAAA,QACvC,KAAA;AAAA,QACA,UAAQ,YAAE,GAAAA,EAAA,gBAAA;AAAA,QACV,SAAAE,EAAU,CAAO,MAAAA,EAAA,CAAA,IAAAK,EAAA,CAAAJ,MAAAH,EAAA,QAAAG,CAAe,GAAM,CAAA,MAAA,CAAA;AAAA,QACtC,YAAUD,EAAE,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAH,EAAA,MAAA,YAAKG,CAAe;AAAA,QAAA,cAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAH,EAAA,MAAA,cAAAG,CAAA;AAAA,QAEjC,cAAQD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAH,EAAA,MAAA,cAAAG,CAAA;AAAA,MAAA,CAAA,GAAA;AAAA;;;;;;;"}

package/dist/esm/{OrMenuItem-ByVkiQvE.mjs → OrMenuItem-VyCCXA7Z.mjs}

@@ -1,6 +1,6 @@
-import { O as $ } from "./OrIconButton-BajZRp1k.mjs";
+import { O as $ } from "./OrIconButton-Ds8k8FmS.mjs";
 import { O as B, I as g } from "./OrIcon-k8cyvh-D.mjs";
-import { O as M } from "./OrTooltip-BIJSpzmX.mjs";
+import { O as M } from "./OrTooltip-BCrAH95l.mjs";
 import { useIntersectionObserver as S } from "@vueuse/core";
 import { defineComponent as h, ref as s, computed as l, resolveComponent as m, openBlock as i, createElementBlock as v, normalizeClass as f, createBlock as k, mergeProps as T, createCommentVNode as p, createElementVNode as I, renderSlot as b, Fragment as w, createVNode as C, withModifiers as V } from "vue";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -163,4 +163,4 @@ const K = /* @__PURE__ */ P(W, [["render", R]]);
 export {
   K as O
 };
-//# sourceMappingURL=OrMenuItem-ByVkiQvE.mjs.map
+//# sourceMappingURL=OrMenuItem-VyCCXA7Z.mjs.map

package/dist/esm/{OrMenuItem-ByVkiQvE.mjs.map → OrMenuItem-VyCCXA7Z.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrMenuItem-ByVkiQvE.mjs","sources":["../../../components/or-menu-item-v3/src/styles.ts","../../../components/or-menu-item-v3/src/OrMenuItem.vue"],"sourcesContent":["export const MenuItem: string[] = [\n  // Group\n  'group',\n\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-lg md:px-sm',\n  'py-sm+ md:py-sm',\n\n  'gap-sm md:gap-sm',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-body-2-regular md:typography-caption-regular',\n\n  // Typography (selected)\n  'selected:typography-body-2-semibold selected:md:typography-caption-semibold',\n\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 (selected)\n  'selected:theme-foreground-default',\n  'dark:selected:theme-foreground-default-dark',\n\n  'selected:bg-primary-opacity-0-08',\n  'dark:selected:bg-primary-opacity-0-08-dark',\n\n\n  // Theme (hover)\n  'hover:md:theme-foreground-default',\n  'dark:hover:md:theme-foreground-default-dark',\n\n  // Theme (active)\n  'active:theme-foreground-default',\n  'dark:active:theme-foreground-default-dark',\n];\n\nexport const MenuItemIcon: string[] = [\n  // Iconography (hover)\n  'group-hover:iconography-filled',\n];\n\nexport const MenuItemIconSelected: string[] = [\n  // Iconography (selected)\n  'selected:iconography-filled',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :tabindex=\"!disabled ? 0 : undefined\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @click=\"$emit('click', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n    @mouseover=\"$emit('mouseover', $event)\"\n    @mouseout=\"$emit('mouseout', $event)\"\n    @mouseenter=\"$emit('mouseenter', $event)\"\n    @mouseleave=\"$emit('mouseleave', $event)\"\n  >\n    <template v-if=\"icon && iconProps.icon\">\n      <OrIcon\n        :class=\"iconStyles\"\n        v-bind=\"iconProps\"\n      />\n    </template>\n    <div\n      ref=\"content\"\n      :class=\"['truncate', 'w-full']\"\n      @mouseover=\"tooltip && tooltip.open()\"\n      @mouseout=\"tooltip && tooltip.close()\"\n    >\n      <slot />\n    </div>\n\n    <slot name=\"append\" />\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    <OrTooltip\n      v-if=\"isTooltipShown\"\n      ref=\"tooltip\"\n      :content=\"tooltipText\"\n      :trigger=\"root\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { IconVariant, OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport { useIntersectionObserver } from '@vueuse/core';\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrMenuItem',\n\n  components: {\n    OrIcon,\n    OrIconButton,\n    OrTooltip,\n  },\n\n  props: {\n    icon: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrIcon>['$props']>,\n      default: undefined,\n    },\n\n    closeButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n    'mouseover',\n    'mouseout',\n    'mouseenter',\n    'mouseleave',\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const content = ref<HTMLDivElement>();\n    const tooltip = ref<InstanceType<typeof OrTooltip>>();\n    const isRootVisible = ref(false);\n    const { stop } = useIntersectionObserver(root, ([{ isIntersecting }]) => {\n      isRootVisible.value = isIntersecting;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-menu-item-v3',\n      ...Styles.MenuItem,\n    ]);\n\n    const iconStyles = computed(() => [\n      ...Styles.MenuItemIcon,\n      ...props.selected ? Styles.MenuItemIconSelected : [],\n    ]);\n\n    const iconProps = computed(() => {\n      return typeof props.icon === 'string'\n        ? {\n          icon: props.icon,\n          variant: IconVariant.Inherit,\n        }\n        : {\n          variant: IconVariant.Inherit,\n          ...(props.icon as object),\n        };\n    });\n\n    // Tooltip display logic\n    const isTooltipShown = computed<boolean>(() => {\n      if (isRootVisible.value) {\n        return content.value !== undefined && content.value.clientWidth < content.value.scrollWidth;\n      }\n      return false;\n    });\n\n    return {\n      content,\n      root,\n      tooltip,\n      rootStyles,\n      iconStyles,\n      isTooltipShown,\n      iconProps,\n      isRootVisible,\n      stop,\n    };\n  },\n});\n</script>\n"],"names":["MenuItem","MenuItemIcon","MenuItemIconSelected","_sfc_main","defineComponent","OrIcon","OrIconButton","OrTooltip","props","root","ref","content","tooltip","isRootVisible","stop","useIntersectionObserver","isIntersecting","rootStyles","computed","Styles.MenuItem","iconStyles","Styles.MenuItemIcon","Styles.MenuItemIconSelected","iconProps","IconVariant","isTooltipShown","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_createBlock","_component_OrIcon","_mergeProps","_createCommentVNode","_createElementVNode","_renderSlot","_Fragment","_hoisted_2","_component_OrIconButton","_component_OrTooltip"],"mappings":"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"}
+{"version":3,"file":"OrMenuItem-VyCCXA7Z.mjs","sources":["../../../components/or-menu-item-v3/src/styles.ts","../../../components/or-menu-item-v3/src/OrMenuItem.vue"],"sourcesContent":["export const MenuItem: string[] = [\n  // Group\n  'group',\n\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-lg md:px-sm',\n  'py-sm+ md:py-sm',\n\n  'gap-sm md:gap-sm',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-body-2-regular md:typography-caption-regular',\n\n  // Typography (selected)\n  'selected:typography-body-2-semibold selected:md:typography-caption-semibold',\n\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 (selected)\n  'selected:theme-foreground-default',\n  'dark:selected:theme-foreground-default-dark',\n\n  'selected:bg-primary-opacity-0-08',\n  'dark:selected:bg-primary-opacity-0-08-dark',\n\n\n  // Theme (hover)\n  'hover:md:theme-foreground-default',\n  'dark:hover:md:theme-foreground-default-dark',\n\n  // Theme (active)\n  'active:theme-foreground-default',\n  'dark:active:theme-foreground-default-dark',\n];\n\nexport const MenuItemIcon: string[] = [\n  // Iconography (hover)\n  'group-hover:iconography-filled',\n];\n\nexport const MenuItemIconSelected: string[] = [\n  // Iconography (selected)\n  'selected:iconography-filled',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :tabindex=\"!disabled ? 0 : undefined\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @click=\"$emit('click', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n    @mouseover=\"$emit('mouseover', $event)\"\n    @mouseout=\"$emit('mouseout', $event)\"\n    @mouseenter=\"$emit('mouseenter', $event)\"\n    @mouseleave=\"$emit('mouseleave', $event)\"\n  >\n    <template v-if=\"icon && iconProps.icon\">\n      <OrIcon\n        :class=\"iconStyles\"\n        v-bind=\"iconProps\"\n      />\n    </template>\n    <div\n      ref=\"content\"\n      :class=\"['truncate', 'w-full']\"\n      @mouseover=\"tooltip && tooltip.open()\"\n      @mouseout=\"tooltip && tooltip.close()\"\n    >\n      <slot />\n    </div>\n\n    <slot name=\"append\" />\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    <OrTooltip\n      v-if=\"isTooltipShown\"\n      ref=\"tooltip\"\n      :content=\"tooltipText\"\n      :trigger=\"root\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { IconVariant, OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport { useIntersectionObserver } from '@vueuse/core';\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrMenuItem',\n\n  components: {\n    OrIcon,\n    OrIconButton,\n    OrTooltip,\n  },\n\n  props: {\n    icon: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrIcon>['$props']>,\n      default: undefined,\n    },\n\n    closeButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n    'mouseover',\n    'mouseout',\n    'mouseenter',\n    'mouseleave',\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const content = ref<HTMLDivElement>();\n    const tooltip = ref<InstanceType<typeof OrTooltip>>();\n    const isRootVisible = ref(false);\n    const { stop } = useIntersectionObserver(root, ([{ isIntersecting }]) => {\n      isRootVisible.value = isIntersecting;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-menu-item-v3',\n      ...Styles.MenuItem,\n    ]);\n\n    const iconStyles = computed(() => [\n      ...Styles.MenuItemIcon,\n      ...props.selected ? Styles.MenuItemIconSelected : [],\n    ]);\n\n    const iconProps = computed(() => {\n      return typeof props.icon === 'string'\n        ? {\n          icon: props.icon,\n          variant: IconVariant.Inherit,\n        }\n        : {\n          variant: IconVariant.Inherit,\n          ...(props.icon as object),\n        };\n    });\n\n    // Tooltip display logic\n    const isTooltipShown = computed<boolean>(() => {\n      if (isRootVisible.value) {\n        return content.value !== undefined && content.value.clientWidth < content.value.scrollWidth;\n      }\n      return false;\n    });\n\n    return {\n      content,\n      root,\n      tooltip,\n      rootStyles,\n      iconStyles,\n      isTooltipShown,\n      iconProps,\n      isRootVisible,\n      stop,\n    };\n  },\n});\n</script>\n"],"names":["MenuItem","MenuItemIcon","MenuItemIconSelected","_sfc_main","defineComponent","OrIcon","OrIconButton","OrTooltip","props","root","ref","content","tooltip","isRootVisible","stop","useIntersectionObserver","isIntersecting","rootStyles","computed","Styles.MenuItem","iconStyles","Styles.MenuItemIcon","Styles.MenuItemIconSelected","iconProps","IconVariant","isTooltipShown","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_createBlock","_component_OrIcon","_mergeProps","_createCommentVNode","_createElementVNode","_renderSlot","_Fragment","_hoisted_2","_component_OrIconButton","_component_OrTooltip"],"mappings":"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"}

package/dist/esm/{OrModal-Cbi6xMwA.mjs → OrModal-DiVA7_Ct.mjs}

@@ -1,9 +1,9 @@
-import { defineComponent as i, ref as f, computed as $, openBlock as p, createElementBlock as M, normalizeClass as c, renderSlot as r, resolveComponent as d, createElementVNode as v, createVNode as O, withModifiers as w, toRef as C, createBlock as h, withCtx as u, mergeProps as x, createCommentVNode as g } from "vue";
-import { usePopoverState as b } from "@onereach/ui-components-common/hooks";
-import { O as B } from "./OrOverlay-BjrghiC-.mjs";
+import { usePopoverState as w } from "@onereach/ui-components-common/hooks";
+import { O as C } from "./OrOverlay-BzbAwvpo.mjs";
+import { defineComponent as i, ref as f, computed as $, openBlock as p, createElementBlock as M, normalizeClass as c, renderSlot as r, resolveComponent as d, createElementVNode as v, createVNode as O, withModifiers as x, toRef as b, createBlock as h, withCtx as u, mergeProps as B, createCommentVNode as g } from "vue";
 import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { O as F } from "./OrIconButton-BajZRp1k.mjs";
-import { useResponsive as H } from "@onereach/ui-components-common";
+import { useResponsive as F } from "@onereach/ui-components-common";
+import { O as H } from "./OrIconButton-Ds8k8FmS.mjs";
 const z = [
   // Overflow
   "overflow-auto",
@@ -70,7 +70,7 @@ const P = /* @__PURE__ */ y(E, [["render", L]]), R = [
 ], j = i({
   name: "OrModalHeader",
   components: {
-    OrIconButton: F
+    OrIconButton: H
   },
   emits: [
     "close"
@@ -79,7 +79,7 @@ const P = /* @__PURE__ */ y(E, [["render", L]]), R = [
     "root"
   ],
   setup() {
-    const o = f(), { isMobile: e } = H(), t = $(() => [
+    const o = f(), { isMobile: e } = F(), t = $(() => [
       "or-modal-header",
       ...R
     ]);
@@ -104,7 +104,7 @@ function D(o, e, t, s, n, a) {
     O(l, {
       icon: "close",
       size: o.isMobile ? "l" : "xl",
-      onClick: e[0] || (e[0] = w((_) => o.$emit("close"), ["stop"]))
+      onClick: e[0] || (e[0] = x((_) => o.$emit("close"), ["stop"]))
     }, null, 8, ["size"])
   ], 2);
 }
@@ -150,7 +150,7 @@ const J = [
     OrModalContent: V,
     OrModalFooter: P,
     OrModalHeader: G,
-    OrOverlay: B
+    OrOverlay: C
   },
   inheritAttrs: !1,
   props: {
@@ -185,7 +185,7 @@ const J = [
       ...J,
       ...K[o.size],
       ...o.additionalStyles
-    ]), { state: n, open: a, close: l } = b(C(o, "isOpen"), e.emit);
+    ]), { state: n, open: a, close: l } = w(b(o, "isOpen"), e.emit);
     return {
       root: t,
       rootStyles: s,
@@ -202,7 +202,7 @@ function T(o, e, t, s, n, a) {
     fullscreen: !0
   }, {
     default: u(() => [
-      v("div", x(o.$attrs, {
+      v("div", B(o.$attrs, {
         ref: "root",
         class: o.rootStyles
       }), [
@@ -238,4 +238,4 @@ export {
   m as M,
   to as O
 };
-//# sourceMappingURL=OrModal-Cbi6xMwA.mjs.map
+//# sourceMappingURL=OrModal-DiVA7_Ct.mjs.map

package/dist/esm/OrModal-DiVA7_Ct.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrModal-DiVA7_Ct.mjs","sources":["../../../components/or-modal-v3/src/partials/or-modal-content/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-content/OrModalContent.vue","../../../components/or-modal-v3/src/partials/or-modal-footer/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-footer/OrModalFooter.vue","../../../components/or-modal-v3/src/partials/or-modal-header/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-header/OrModalHeader.vue","../../../components/or-modal-v3/src/props.ts","../../../components/or-modal-v3/src/styles.ts","../../../components/or-modal-v3/src/OrModal.vue"],"sourcesContent":["export const ModalContent: string[] = [\n  // Overflow\n  'overflow-auto',\n\n  // Spacing\n  'px-md md:px-lg',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { ModalContent } from './styles';\n\nexport default defineComponent({\n  name: 'OrModalContent',\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-modal-content',\n      ...ModalContent,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export const ModalFooter: string[] = [\n  // Spacing\n  'px-md md:px-lg',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { ModalFooter } from './styles';\n\nexport default defineComponent({\n  name: 'OrModalFooter',\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-modal-footer',\n      ...ModalFooter,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export const ModalHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-md md:px-lg pb-sm md:pb-none',\n\n  // Typography\n  'typography-headline-2',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['grow']\">\n      <slot />\n    </div>\n\n    <OrIconButton\n      :icon=\"'close'\"\n      :size=\"isMobile ? 'l': 'xl'\"\n      @click.stop=\"$emit('close')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useResponsive } from '@onereach/ui-components-common';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { ModalHeader } from './styles';\n\n\nexport default defineComponent({\n  name: 'OrModalHeader',\n\n  components: {\n    OrIconButton,\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    const { isMobile } = useResponsive();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-modal-header',\n      ...ModalHeader,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n      isMobile,\n    };\n  },\n});\n</script>\n","export enum ModalSize {\n  L = 'l',\n  M = 'm',\n  S = 's',\n}\n","import { ModalSize } from './props';\n\nexport const Modal: string[] = [\n  // Layout\n  'layout-column',\n\n  // Box\n  'xs:w-full sm:w-full',\n  'xs:h-full sm:h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',\n\n  // Spacing\n  'py-md md:py-lg',\n  'gap-md md:gap-lg',\n\n  // Shape\n  'md:rounded-md',\n\n  // Elevation\n  'shadow-modal',\n  'dark:shadow-modal-dark',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const ModalSizes: Record<ModalSize, string[]> = {\n  [ModalSize.L]: [\n    // Box\n    'md:w-[1050px]',\n  ],\n\n  [ModalSize.M]: [\n    // Box\n    'md:w-[700px]',\n  ],\n\n  [ModalSize.S]: [\n    // Box\n    'md:w-[480px]',\n  ],\n};\n","<template>\n  <OrOverlay\n    v-if=\"state === 'open'\"\n    :fullscreen=\"true\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n    >\n      <OrModalHeader @close=\"close()\">\n        <slot name=\"header\" />\n      </OrModalHeader>\n\n      <OrModalContent :class=\"['grow']\">\n        <slot />\n      </OrModalContent>\n\n      <OrModalFooter v-if=\"$slots.footer\">\n        <slot name=\"footer\" />\n      </OrModalFooter>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\n\nimport OrModalContent from './partials/or-modal-content/OrModalContent.vue';\nimport OrModalFooter from './partials/or-modal-footer/OrModalFooter.vue';\nimport OrModalHeader from './partials/or-modal-header/OrModalHeader.vue';\nimport { ModalSize } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrModal',\n\n  components: {\n    OrModalContent,\n    OrModalFooter,\n    OrModalHeader,\n    OrOverlay,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    size: {\n      type: String as PropType<`${ModalSize}`>,\n      default: () => ModalSize.M,\n    },\n\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-modal-v3',\n      ...Styles.Modal,\n      ...Styles.ModalSizes[props.size],\n      ...props.additionalStyles,\n    ]);\n\n    // State\n    const { state, open, close } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    return {\n      root,\n      rootStyles,\n\n      state,\n\n      open,\n      close,\n    };\n  },\n});\n</script>\n"],"names":["ModalContent","_sfc_main$3","defineComponent","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","ModalFooter","_sfc_main$2","ModalHeader","_sfc_main$1","OrIconButton","isMobile","useResponsive","_resolveComponent","_renderSlot","_component_OrIconButton","ModalSize","Modal","ModalSizes","_sfc_main","OrModalContent","OrModalFooter","OrModalHeader","OrOverlay","props","context","Styles.Modal","Styles.ModalSizes","state","open","close","usePopoverState","toRef","_component_OrOverlay","_createBlock","_withCtx","_createElementVNode","_mergeProps","_createVNode","_component_OrModalHeader","$event","_component_OrModalFooter"],"mappings":"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"}

package/dist/esm/{OrNotification-DVQ-x6mP.mjs → OrNotification-BkjmRseb.mjs}

@@ -1,6 +1,6 @@
-import { defineComponent as p, ref as g, computed as d, resolveComponent as m, openBlock as l, createElementBlock as f, normalizeClass as t, createElementVNode as a, createVNode as y, normalizeProps as h, guardReactiveProps as _, renderSlot as v, createTextVNode as b, toDisplayString as I, createBlock as w, withModifiers as O, createCommentVNode as S } from "vue";
-import { O as C } from "./OrIconButton-BajZRp1k.mjs";
-import { O as N, I as n } from "./OrIndicator-CCrOseW7.mjs";
+import { O as p } from "./OrIconButton-Ds8k8FmS.mjs";
+import { O as g, I as n } from "./OrIndicator-CdMrJtoj.mjs";
+import { defineComponent as f, ref as y, computed as d, resolveComponent as m, openBlock as l, createElementBlock as h, normalizeClass as t, createElementVNode as a, createVNode as _, normalizeProps as v, guardReactiveProps as b, renderSlot as I, createTextVNode as w, toDisplayString as O, createBlock as S, withModifiers as C, createCommentVNode as N } from "vue";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var o = /* @__PURE__ */ ((r) => (r.Success = "success", r.Warning = "warning", r.Error = "error", r.Info = "info", r))(o || {});
 const $ = {
@@ -60,11 +60,11 @@ const $ = {
     "[&_:any-link]:theme-foreground-primary",
     "dark:[&_:any-link]:theme-foreground-primary-dark"
   ]
-}, V = p({
+}, V = f({
   name: "OrNotification",
   components: {
-    OrIndicator: N,
-    OrIconButton: C
+    OrIndicator: g,
+    OrIconButton: p
   },
   props: {
     variant: {
@@ -84,7 +84,7 @@ const $ = {
     "root"
   ],
   setup(r) {
-    const e = g(), s = d(() => [
+    const e = y(), s = d(() => [
       "or-notification-v3",
       ...x,
       ...E[r.variant]
@@ -119,24 +119,24 @@ const $ = {
 };
 function T(r, e, s, i, c, D) {
   const u = m("OrIndicator"), k = m("OrIconButton");
-  return l(), f("div", {
+  return l(), h("div", {
     ref: "root",
     class: t(r.rootStyles)
   }, [
     a("div", z, [
-      y(u, h(_(r.indicatorProps)), null, 16)
+      _(u, v(b(r.indicatorProps)), null, 16)
     ]),
     a("div", P, [
-      v(r.$slots, "default", {}, () => [
-        b(I(r.message), 1)
+      I(r.$slots, "default", {}, () => [
+        w(O(r.message), 1)
       ])
     ]),
     a("div", W, [
-      r.disableClose ? S("", !0) : (l(), w(k, {
+      r.disableClose ? N("", !0) : (l(), S(k, {
         key: 0,
         icon: "close",
         size: "m",
-        onClick: e[0] || (e[0] = O((M) => r.$emit("close"), ["stop"]))
+        onClick: e[0] || (e[0] = C((M) => r.$emit("close"), ["stop"]))
       }))
     ])
   ], 2);
@@ -147,4 +147,4 @@ export {
   F as O,
   $ as V
 };
-//# sourceMappingURL=OrNotification-DVQ-x6mP.mjs.map
+//# sourceMappingURL=OrNotification-BkjmRseb.mjs.map

package/dist/esm/OrNotification-BkjmRseb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrNotification-BkjmRseb.mjs","sources":["../../../components/or-notification-v3/src/props.ts","../../../components/or-notification-v3/src/styles.ts","../../../components/or-notification-v3/src/OrNotification.vue"],"sourcesContent":["export enum NotificationVariant {\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n  Info = 'info',\n}\n\nexport const VariantToIconName: { [key in NotificationVariant]: string } = {\n  [NotificationVariant.Success]: 'check_circle',\n  [NotificationVariant.Warning]: 'warning',\n  [NotificationVariant.Error]: 'error',\n  [NotificationVariant.Info]: 'info',\n};\n","import { NotificationVariant } from './props';\n\nexport const Notification: string[] = [\n  // Layout\n  'layout-row items-start',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Typography (children)\n  '[&_:any-link]:typography-body-2-bold',\n\n  // Elevation\n  'shadow-contextual',\n  'dark:shadow-contextual-dark',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const NotificationVariants: Record<NotificationVariant, string[]> = {\n  [NotificationVariant.Success]: [\n    // Theme\n    'theme-background-success-container',\n    'dark:theme-background-success-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-success',\n    'dark:[&_:any-link]:theme-foreground-success-dark',\n  ],\n\n  [NotificationVariant.Warning]: [\n    // Theme\n    'theme-background-warning-container',\n    'dark:theme-background-warning-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-warning',\n    'dark:[&_:any-link]:theme-foreground-warning-dark',\n  ],\n\n  [NotificationVariant.Error]: [\n    // Theme\n    'theme-background-error-container',\n    'dark:theme-background-error-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-error',\n    'dark:[&_:any-link]:theme-foreground-error-dark',\n  ],\n\n  [NotificationVariant.Info]: [\n    // Theme\n    'theme-background-primary-container',\n    'dark:theme-background-primary-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-primary',\n    'dark:[&_:any-link]:theme-foreground-primary-dark',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['mt-[2px] md:mt-[2.5px]']\">\n      <OrIndicator v-bind=\"indicatorProps\" />\n    </div>\n\n    <div :class=\"['grow']\">\n      <slot> {{ message }} </slot>\n    </div>\n\n    <div :class=\"['mt-[2px] md:mt-[2.5px]']\">\n      <OrIconButton\n        v-if=\"!disableClose\"\n        :icon=\"'close'\"\n        :size=\"'m'\"\n        @click.stop=\"$emit('close')\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIndicatorV3 as OrIndicator, IndicatorColor } from '@onereach/ui-components.or-indicator-v3';\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport { NotificationVariant, VariantToIconName } from './props';\nimport { Notification, NotificationVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrNotification',\n\n  components: {\n    OrIndicator,\n    OrIconButton,\n  },\n\n  props: {\n    variant: {\n      type: String as PropType<`${NotificationVariant}`>,\n      default: () => NotificationVariant.Info,\n    },\n\n    disableClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    message: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-notification-v3',\n      ...Notification,\n      ...NotificationVariants[props.variant],\n    ]);\n\n    const indicatorProps = computed(() => {\n      const VariantToIndicatorColor: { [key in NotificationVariant]: IndicatorColor } = {\n        [NotificationVariant.Success]: IndicatorColor.Success,\n        [NotificationVariant.Warning]: IndicatorColor.Warning,\n        [NotificationVariant.Error]: IndicatorColor.Error,\n        [NotificationVariant.Info]: IndicatorColor.Neutral,\n      };\n      return {\n        icon: {\n          icon: VariantToIconName[props.variant],\n          variant: 'filled-bold',\n        },\n        color: VariantToIndicatorColor[props.variant],\n        size: 'm',\n      };\n    });\n\n    return {\n      root,\n      rootStyles,\n      indicatorProps,\n    };\n  },\n});\n</script>\n"],"names":["NotificationVariant","VariantToIconName","Notification","NotificationVariants","_sfc_main","defineComponent","OrIndicator","OrIconButton","props","root","ref","rootStyles","computed","indicatorProps","VariantToIndicatorColor","IndicatorColor","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_OrIndicator","_normalizeProps","_guardReactiveProps","_createElementVNode","_hoisted_2","_renderSlot","_hoisted_3","_createBlock","_component_OrIconButton"],"mappings":"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"}

package/dist/esm/{OrOverlay-BjrghiC-.mjs → OrOverlay-BzbAwvpo.mjs}

@@ -1,7 +1,7 @@
-import { useScrollLock as p } from "@vueuse/core";
-import { defineComponent as c, ref as d, computed as f, resolveComponent as i, openBlock as m, createBlock as u, withCtx as k, createElementVNode as y, mergeProps as v, renderSlot as O } from "vue";
-import { useElevation as b } from "@onereach/ui-components-common/hooks";
-import { O as C } from "./OrTeleport.vue3-C9kW_8PS.mjs";
+import { useElevation as p } from "@onereach/ui-components-common/hooks";
+import { O as c } from "./OrTeleport.vue3-C9kW_8PS.mjs";
+import { useScrollLock as d } from "@vueuse/core";
+import { defineComponent as f, ref as i, computed as m, resolveComponent as u, openBlock as k, createBlock as y, withCtx as v, createElementVNode as O, mergeProps as b, renderSlot as C } from "vue";
 import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const g = [
   // Position
@@ -13,10 +13,10 @@ const g = [
   "dark:theme-background-overlay-dark",
   "theme-foreground-base",
   "dark:theme-foreground-base"
-], h = c({
+], h = f({
   name: "OrOverlay",
   components: {
-    OrTeleport: C
+    OrTeleport: c
   },
   inheritAttrs: !1,
   props: {
@@ -29,11 +29,11 @@ const g = [
     "root"
   ],
   setup(e, o) {
-    const r = d(), t = f(() => [
+    const r = i(), t = m(() => [
       "or-overlay-v3",
       ...g
     ]);
-    b(r), p(document.body, !0);
+    p(r), d(document.body, !0);
     function n(s) {
     }
     return {
@@ -44,17 +44,17 @@ const g = [
   }
 });
 function S(e, o, r, t, n, s) {
-  const l = i("OrTeleport");
-  return m(), u(l, {
+  const l = u("OrTeleport");
+  return k(), y(l, {
     disabled: !e.fullscreen
   }, {
-    default: k(() => [
-      y("div", v(e.$attrs, {
+    default: v(() => [
+      O("div", b(e.$attrs, {
         ref: "root",
         class: e.rootStyles,
         onClick: o[0] || (o[0] = (...a) => e.onClick && e.onClick(...a))
       }), [
-        O(e.$slots, "default")
+        C(e.$slots, "default")
       ], 16)
     ]),
     _: 3
@@ -64,4 +64,4 @@ const j = /* @__PURE__ */ $(h, [["render", S]]);
 export {
   j as O
 };
-//# sourceMappingURL=OrOverlay-BjrghiC-.mjs.map
+//# sourceMappingURL=OrOverlay-BzbAwvpo.mjs.map

package/dist/esm/OrOverlay-BzbAwvpo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrOverlay-BzbAwvpo.mjs","sources":["../../../components/or-overlay-v3/src/styles.ts","../../../components/or-overlay-v3/src/OrOverlay.vue"],"sourcesContent":["export const Overlay: string[] = [\n  // Position\n  'fixed inset-0',\n\n  // Layout\n  'layout-row justify-center',\n\n  // Theme\n  'theme-background-overlay',\n  'dark:theme-background-overlay-dark',\n\n  'theme-foreground-base',\n  'dark:theme-foreground-base',\n];\n","<template>\n  <OrTeleport :disabled=\"!fullscreen\">\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n      @click=\"onClick\"\n    >\n      <slot />\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport { useScrollLock } from '@vueuse/core';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { isVue2 } from '@/constants';\n\n\nimport { Overlay } from './styles';\n\nexport default defineComponent({\n  name: 'OrOverlay',\n\n  components: {\n    OrTeleport,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    fullscreen: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-overlay-v3',\n      ...Overlay,\n    ]);\n\n    // Effects\n    // #region Elevation\n    useElevation(root);\n    // #endregion\n\n    // #region Scroll Lock\n    useScrollLock(document.body, true);\n    // #endregion\n\n    // Handlers\n    function onClick(event: Event): void {\n      if (isVue2) {\n        context.emit('click', event);\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["Overlay","_sfc_main","defineComponent","OrTeleport","props","context","root","ref","rootStyles","computed","useElevation","useScrollLock","onClick","event","_resolveComponent","_withCtx","_createElementVNode","_mergeProps","_ctx","_cache","args"],"mappings":";;;;;AAAO,MAAMA,IAAoB;AAAA;AAAA,EAE/B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GCWAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,YAAAC;AAAA,EACF;AAAA,EAEA,cAAc;AAAA,EAEd,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGT;AAAA,IAAA,CACJ;AAID,IAAAU,EAAaJ,CAAI,GAIHK,EAAA,SAAS,MAAM,EAAI;AAIjC,aAASC,EAAQC,GAAoB;AAAA,IAIrC;AAEO,WAAA;AAAA,MACL,MAAAP;AAAA,MACA,YAAAE;AAAA,MACA,SAAAI;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YA3ECE,EASa,YAAA;;;;aANHC,EAAM,MAAA;AAAA,MAAAC,EACJ,OAAUC,EAAAC,EAAA,QAAA;AAAA,QACjB,KAAA;AAAA,QAAA,OAAAA,EAAA;AAAA,QAED,SAAQC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,WAAAA,EAAA,QAAA,GAAAE,CAAA;AAAA,MAAA,CAAA,GAAA;AAAA;;;;;;;"}

package/dist/esm/{OrPagination-_3SWQ0LY.mjs → OrPagination-pcDCKc9g.mjs}

@@ -1,8 +1,8 @@
 import { useProxyModelValue as K, useResponsive as Q } from "@onereach/ui-components-common/hooks";
-import { O as U } from "./OrButton-C_hXddAf.mjs";
+import { O as U } from "./OrButton-_RCmYvxT.mjs";
 import { O as W } from "./OrIcon-k8cyvh-D.mjs";
-import { O as X } from "./OrMenuItem-ByVkiQvE.mjs";
-import { O as Y } from "./OrMenu-BNbd6Ajl.mjs";
+import { O as X } from "./OrMenuItem-VyCCXA7Z.mjs";
+import { O as Y } from "./OrMenu-Cag_fBXC.mjs";
 import { defineComponent as Z, ref as O, computed as n, toRef as _, resolveComponent as B, openBlock as a, createElementBlock as p, normalizeClass as f, createElementVNode as D, createTextVNode as v, createVNode as s, withCtx as u, toDisplayString as m, Fragment as h, renderList as G, createBlock as L, createCommentVNode as S } from "vue";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const ee = [
@@ -331,4 +331,4 @@ const pe = /* @__PURE__ */ x(re, [["render", le]]);
 export {
   pe as O
 };
-//# sourceMappingURL=OrPagination-_3SWQ0LY.mjs.map
+//# sourceMappingURL=OrPagination-pcDCKc9g.mjs.map

package/dist/esm/{OrPagination-_3SWQ0LY.mjs.map → OrPagination-pcDCKc9g.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrPagination-_3SWQ0LY.mjs","sources":["../../../components/or-pagination-v3/src/styles.ts","../../../components/or-pagination-v3/src/OrPagination.vue"],"sourcesContent":["export const Pagination: string[] = [\n  // Layout\n  'layout-row justify-between md:justify-end',\n\n  // Spacing\n  'gap-xl',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const PaginationLimitGroup: string[] = [\n  // Layout\n  'layout-row shrink-0',\n\n  // Spacing\n  'gap-lg md:gap-md',\n];\n\nexport const PaginationOffsetGroup: string[] = [\n  // Layout\n  'layout-row shrink-0',\n\n  // Spacing\n  'gap-md',\n];\n\nexport const PaginationItem: string[] = [\n  // Typography\n  'typography-caption-regular',\n\n  // Typography (activated)\n  'activated:typography-caption-bold',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"limitGroupStyles\">\n      <template v-if=\"features.limit\">\n        <div :class=\"['layout-row', 'gap-sm']\">\n          Per page:\n\n          <OrButton\n            :ref=\"'limitButton'\"\n            :class=\"itemStyles\"\n            :variant=\"'link'\"\n            :color=\"'inherit'\"\n            :activated=\"true\"\n            @click=\"limitMenu && limitMenu.toggle()\"\n          >\n            {{ currentLimit }} <OrIcon :icon=\"limitMenu && limitMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\" />\n          </OrButton>\n\n          <OrMenu\n            :ref=\"'limitMenu'\"\n            :additional-styles=\"['min-w-[60px]']\"\n            :trigger=\"limitButtonRoot\"\n            :placement=\"'top'\"\n          >\n            <OrMenuItem\n              v-for=\"limit of options\"\n              :key=\"limit\"\n              :selected=\"currentLimit === limit\"\n              @click=\"currentLimit = limit; limitMenu && limitMenu.close()\"\n            >\n              {{ limit }}\n            </OrMenuItem>\n          </OrMenu>\n        </div>\n      </template>\n\n      <template v-if=\"features.range\">\n        {{ currentOffset + 1 }}-{{ Math.min(currentOffset + currentLimit, length) }} of {{ length }}\n      </template>\n    </div>\n\n    <div :class=\"offsetGroupStyles\">\n      <OrButton\n        :class=\"itemStyles\"\n        :variant=\"'link'\"\n        :color=\"'inherit'\"\n        :disabled=\"currentPage === firstPage\"\n        @click=\"toPreviousPage()\"\n      >\n        <OrIcon :icon=\"'keyboard_arrow_left'\" />\n      </OrButton>\n\n      <template v-if=\"isDesktop\">\n        <OrButton\n          v-for=\"(page, index) of buttonGroup\"\n          :key=\"index\"\n          :class=\"itemStyles\"\n          :variant=\"'link'\"\n          :color=\"'inherit'\"\n          :activated=\"currentPage === page\"\n          @click=\"typeof page === 'number' && toPage(page)\"\n        >\n          {{ page }}\n        </OrButton>\n      </template>\n\n      <template v-if=\"isMobile\">\n        <OrButton\n          :ref=\"'offsetButton'\"\n          :class=\"itemStyles\"\n          :variant=\"'link'\"\n          :color=\"'inherit'\"\n          :activated=\"true\"\n          @click=\"offsetMenu && offsetMenu.open()\"\n        >\n          {{ currentPage }} <OrIcon :icon=\"offsetMenu && offsetMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\" />\n        </OrButton>\n\n        <OrMenu\n          :ref=\"'offsetMenu'\"\n          :additional-styles=\"['min-w-[60px]']\"\n          :trigger=\"offsetButtonRoot\"\n          :placement=\"'top'\"\n        >\n          <OrMenuItem\n            v-for=\"page of lastPage\"\n            :key=\"page\"\n            :selected=\"currentPage === page\"\n            @click=\"currentPage = page; offsetMenu && offsetMenu.close()\"\n          >\n            {{ page }}\n          </OrMenuItem>\n        </OrMenu>\n      </template>\n\n      <OrButton\n        :class=\"itemStyles\"\n        :variant=\"'link'\"\n        :color=\"'inherit'\"\n        :disabled=\"currentPage === lastPage\"\n        @click=\"toNextPage()\"\n      >\n        <OrIcon :icon=\"'keyboard_arrow_right'\" />\n      </OrButton>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { PaginationFeatures, PaginationModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrPagination',\n\n  components: {\n    OrButton,\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<PaginationModelValue>,\n      default: undefined,\n    },\n\n    length: {\n      type: Number,\n      required: true,\n    },\n\n    options: {\n      type: Array as PropType<number[]>,\n      default: () => [50, 20, 10, 5],\n    },\n\n    features: {\n      type: Object as PropType<PaginationFeatures>,\n\n      default: () => ({\n        limit: true,\n        range: true,\n      }) as PaginationFeatures,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n    'currentLimit',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-pagination-v3',\n      ...Styles.Pagination,\n    ]);\n\n    const limitButton = ref<InstanceType<typeof OrButton>>();\n    const limitButtonRoot = computed(() => limitButton.value?.root);\n\n    const limitMenu = ref<InstanceType<typeof OrMenu>>();\n    const limitMenuRoot = computed(() => limitMenu.value?.root);\n\n    const limitGroupStyles = computed(() => [\n      ...Styles.PaginationLimitGroup,\n    ]);\n\n    const offsetButton = ref<InstanceType<typeof OrButton>>();\n    const offsetButtonRoot = computed(() => offsetButton.value?.root);\n\n    const offsetMenu = ref<InstanceType<typeof OrMenu>>();\n    const offsetMenuRoot = computed(() => offsetMenu.value?.root);\n\n    const offsetGroupStyles = computed(() => [\n      ...Styles.PaginationOffsetGroup,\n    ]);\n\n    const itemStyles = computed(() => [\n      ...Styles.PaginationItem,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const currentLimit = computed<number>({\n      get: () => model.value?.limit ?? props.options[0],\n\n      set: (value) => {\n        model.value = {\n          limit: value,\n          offset: 0,\n        };\n      },\n    });\n\n    const currentOffset = computed<number>({\n      get: () => model.value?.offset ?? 0,\n\n      set: (value) => {\n        model.value = {\n          limit: currentLimit.value,\n          offset: value,\n        };\n      },\n    });\n\n    const currentPage = computed<number>({\n      get: () => Math.floor(currentOffset.value / currentLimit.value) + 1,\n\n      set: (value) => {\n        currentOffset.value = (value - 1) * currentLimit.value;\n      },\n    });\n\n    const firstPage = computed<number>(() => {\n      return 1;\n    });\n\n    const lastPage = computed<number>(() => {\n      return Math.ceil(props.length / currentLimit.value);\n    });\n\n    const buttonGroup = computed<(number | string)[]>(() => {\n      const pages = Array.from({ length: lastPage.value }, (_, index) => index + 1);\n\n      switch (true) {\n        case lastPage.value <= 7:\n          return pages;\n\n        case currentPage.value < firstPage.value + 4:\n          return [\n            ...pages.slice(0, 5),\n            '…',\n            lastPage.value,\n          ];\n\n        case currentPage.value > lastPage.value - 4:\n          return [\n            firstPage.value,\n            '…',\n            ...pages.slice(-5),\n          ];\n\n        default:\n          return pages\n            .map((page) => {\n              switch (true) {\n                case page > firstPage.value && page < currentPage.value - 1:\n                case page < lastPage.value && page > currentPage.value + 1:\n                  return '…';\n\n                default:\n                  return page;\n              }\n            })\n            .reduce((accumulator, page) => {\n              if (accumulator[accumulator.length - 1] === page) {\n                return accumulator;\n              }\n\n              return [...accumulator, page];\n            }, [] as (number | string)[]);\n      }\n    });\n\n    // Methods\n    function toPreviousPage(): void {\n      currentPage.value = currentPage.value - 1;\n    }\n\n    function toNextPage(): void {\n      currentPage.value = currentPage.value + 1;\n    }\n\n    function toPage(page: number): void {\n      currentPage.value = page;\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      limitButton,\n      limitButtonRoot,\n\n      limitMenu,\n      limitMenuRoot,\n\n      limitGroupStyles,\n\n      offsetButton,\n      offsetButtonRoot,\n\n      offsetMenu,\n      offsetMenuRoot,\n\n      offsetGroupStyles,\n\n      itemStyles,\n\n      model,\n\n      currentLimit,\n      currentOffset,\n      currentPage,\n\n      firstPage,\n      lastPage,\n\n      buttonGroup,\n\n      toPreviousPage,\n      toNextPage,\n      toPage,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["Pagination","PaginationLimitGroup","PaginationOffsetGroup","PaginationItem","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","rootStyles","computed","Styles.Pagination","limitButton","limitButtonRoot","_a","limitMenu","limitMenuRoot","limitGroupStyles","Styles.PaginationLimitGroup","offsetButton","offsetButtonRoot","offsetMenu","offsetMenuRoot","offsetGroupStyles","Styles.PaginationOffsetGroup","itemStyles","Styles.PaginationItem","model","useProxyModelValue","toRef","currentLimit","value","currentOffset","currentPage","firstPage","lastPage","buttonGroup","pages","_","index","page","accumulator","toPreviousPage","toNextPage","toPage","isDesktop","isMobile","useResponsive","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createTextVNode","_createVNode","_component_OrButton","_cache","$event","_withCtx","_toDisplayString","_component_OrIcon","_component_OrMenu","_Fragment","_renderList","limit","_component_OrMenuItem","_createCommentVNode","_createElementVNode","_createBlock"],"mappings":"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"}
+{"version":3,"file":"OrPagination-pcDCKc9g.mjs","sources":["../../../components/or-pagination-v3/src/styles.ts","../../../components/or-pagination-v3/src/OrPagination.vue"],"sourcesContent":["export const Pagination: string[] = [\n  // Layout\n  'layout-row justify-between md:justify-end',\n\n  // Spacing\n  'gap-xl',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const PaginationLimitGroup: string[] = [\n  // Layout\n  'layout-row shrink-0',\n\n  // Spacing\n  'gap-lg md:gap-md',\n];\n\nexport const PaginationOffsetGroup: string[] = [\n  // Layout\n  'layout-row shrink-0',\n\n  // Spacing\n  'gap-md',\n];\n\nexport const PaginationItem: string[] = [\n  // Typography\n  'typography-caption-regular',\n\n  // Typography (activated)\n  'activated:typography-caption-bold',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"limitGroupStyles\">\n      <template v-if=\"features.limit\">\n        <div :class=\"['layout-row', 'gap-sm']\">\n          Per page:\n\n          <OrButton\n            :ref=\"'limitButton'\"\n            :class=\"itemStyles\"\n            :variant=\"'link'\"\n            :color=\"'inherit'\"\n            :activated=\"true\"\n            @click=\"limitMenu && limitMenu.toggle()\"\n          >\n            {{ currentLimit }} <OrIcon :icon=\"limitMenu && limitMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\" />\n          </OrButton>\n\n          <OrMenu\n            :ref=\"'limitMenu'\"\n            :additional-styles=\"['min-w-[60px]']\"\n            :trigger=\"limitButtonRoot\"\n            :placement=\"'top'\"\n          >\n            <OrMenuItem\n              v-for=\"limit of options\"\n              :key=\"limit\"\n              :selected=\"currentLimit === limit\"\n              @click=\"currentLimit = limit; limitMenu && limitMenu.close()\"\n            >\n              {{ limit }}\n            </OrMenuItem>\n          </OrMenu>\n        </div>\n      </template>\n\n      <template v-if=\"features.range\">\n        {{ currentOffset + 1 }}-{{ Math.min(currentOffset + currentLimit, length) }} of {{ length }}\n      </template>\n    </div>\n\n    <div :class=\"offsetGroupStyles\">\n      <OrButton\n        :class=\"itemStyles\"\n        :variant=\"'link'\"\n        :color=\"'inherit'\"\n        :disabled=\"currentPage === firstPage\"\n        @click=\"toPreviousPage()\"\n      >\n        <OrIcon :icon=\"'keyboard_arrow_left'\" />\n      </OrButton>\n\n      <template v-if=\"isDesktop\">\n        <OrButton\n          v-for=\"(page, index) of buttonGroup\"\n          :key=\"index\"\n          :class=\"itemStyles\"\n          :variant=\"'link'\"\n          :color=\"'inherit'\"\n          :activated=\"currentPage === page\"\n          @click=\"typeof page === 'number' && toPage(page)\"\n        >\n          {{ page }}\n        </OrButton>\n      </template>\n\n      <template v-if=\"isMobile\">\n        <OrButton\n          :ref=\"'offsetButton'\"\n          :class=\"itemStyles\"\n          :variant=\"'link'\"\n          :color=\"'inherit'\"\n          :activated=\"true\"\n          @click=\"offsetMenu && offsetMenu.open()\"\n        >\n          {{ currentPage }} <OrIcon :icon=\"offsetMenu && offsetMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\" />\n        </OrButton>\n\n        <OrMenu\n          :ref=\"'offsetMenu'\"\n          :additional-styles=\"['min-w-[60px]']\"\n          :trigger=\"offsetButtonRoot\"\n          :placement=\"'top'\"\n        >\n          <OrMenuItem\n            v-for=\"page of lastPage\"\n            :key=\"page\"\n            :selected=\"currentPage === page\"\n            @click=\"currentPage = page; offsetMenu && offsetMenu.close()\"\n          >\n            {{ page }}\n          </OrMenuItem>\n        </OrMenu>\n      </template>\n\n      <OrButton\n        :class=\"itemStyles\"\n        :variant=\"'link'\"\n        :color=\"'inherit'\"\n        :disabled=\"currentPage === lastPage\"\n        @click=\"toNextPage()\"\n      >\n        <OrIcon :icon=\"'keyboard_arrow_right'\" />\n      </OrButton>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { PaginationFeatures, PaginationModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrPagination',\n\n  components: {\n    OrButton,\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<PaginationModelValue>,\n      default: undefined,\n    },\n\n    length: {\n      type: Number,\n      required: true,\n    },\n\n    options: {\n      type: Array as PropType<number[]>,\n      default: () => [50, 20, 10, 5],\n    },\n\n    features: {\n      type: Object as PropType<PaginationFeatures>,\n\n      default: () => ({\n        limit: true,\n        range: true,\n      }) as PaginationFeatures,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n    'currentLimit',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-pagination-v3',\n      ...Styles.Pagination,\n    ]);\n\n    const limitButton = ref<InstanceType<typeof OrButton>>();\n    const limitButtonRoot = computed(() => limitButton.value?.root);\n\n    const limitMenu = ref<InstanceType<typeof OrMenu>>();\n    const limitMenuRoot = computed(() => limitMenu.value?.root);\n\n    const limitGroupStyles = computed(() => [\n      ...Styles.PaginationLimitGroup,\n    ]);\n\n    const offsetButton = ref<InstanceType<typeof OrButton>>();\n    const offsetButtonRoot = computed(() => offsetButton.value?.root);\n\n    const offsetMenu = ref<InstanceType<typeof OrMenu>>();\n    const offsetMenuRoot = computed(() => offsetMenu.value?.root);\n\n    const offsetGroupStyles = computed(() => [\n      ...Styles.PaginationOffsetGroup,\n    ]);\n\n    const itemStyles = computed(() => [\n      ...Styles.PaginationItem,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const currentLimit = computed<number>({\n      get: () => model.value?.limit ?? props.options[0],\n\n      set: (value) => {\n        model.value = {\n          limit: value,\n          offset: 0,\n        };\n      },\n    });\n\n    const currentOffset = computed<number>({\n      get: () => model.value?.offset ?? 0,\n\n      set: (value) => {\n        model.value = {\n          limit: currentLimit.value,\n          offset: value,\n        };\n      },\n    });\n\n    const currentPage = computed<number>({\n      get: () => Math.floor(currentOffset.value / currentLimit.value) + 1,\n\n      set: (value) => {\n        currentOffset.value = (value - 1) * currentLimit.value;\n      },\n    });\n\n    const firstPage = computed<number>(() => {\n      return 1;\n    });\n\n    const lastPage = computed<number>(() => {\n      return Math.ceil(props.length / currentLimit.value);\n    });\n\n    const buttonGroup = computed<(number | string)[]>(() => {\n      const pages = Array.from({ length: lastPage.value }, (_, index) => index + 1);\n\n      switch (true) {\n        case lastPage.value <= 7:\n          return pages;\n\n        case currentPage.value < firstPage.value + 4:\n          return [\n            ...pages.slice(0, 5),\n            '…',\n            lastPage.value,\n          ];\n\n        case currentPage.value > lastPage.value - 4:\n          return [\n            firstPage.value,\n            '…',\n            ...pages.slice(-5),\n          ];\n\n        default:\n          return pages\n            .map((page) => {\n              switch (true) {\n                case page > firstPage.value && page < currentPage.value - 1:\n                case page < lastPage.value && page > currentPage.value + 1:\n                  return '…';\n\n                default:\n                  return page;\n              }\n            })\n            .reduce((accumulator, page) => {\n              if (accumulator[accumulator.length - 1] === page) {\n                return accumulator;\n              }\n\n              return [...accumulator, page];\n            }, [] as (number | string)[]);\n      }\n    });\n\n    // Methods\n    function toPreviousPage(): void {\n      currentPage.value = currentPage.value - 1;\n    }\n\n    function toNextPage(): void {\n      currentPage.value = currentPage.value + 1;\n    }\n\n    function toPage(page: number): void {\n      currentPage.value = page;\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      limitButton,\n      limitButtonRoot,\n\n      limitMenu,\n      limitMenuRoot,\n\n      limitGroupStyles,\n\n      offsetButton,\n      offsetButtonRoot,\n\n      offsetMenu,\n      offsetMenuRoot,\n\n      offsetGroupStyles,\n\n      itemStyles,\n\n      model,\n\n      currentLimit,\n      currentOffset,\n      currentPage,\n\n      firstPage,\n      lastPage,\n\n      buttonGroup,\n\n      toPreviousPage,\n      toNextPage,\n      toPage,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["Pagination","PaginationLimitGroup","PaginationOffsetGroup","PaginationItem","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","rootStyles","computed","Styles.Pagination","limitButton","limitButtonRoot","_a","limitMenu","limitMenuRoot","limitGroupStyles","Styles.PaginationLimitGroup","offsetButton","offsetButtonRoot","offsetMenu","offsetMenuRoot","offsetGroupStyles","Styles.PaginationOffsetGroup","itemStyles","Styles.PaginationItem","model","useProxyModelValue","toRef","currentLimit","value","currentOffset","currentPage","firstPage","lastPage","buttonGroup","pages","_","index","page","accumulator","toPreviousPage","toNextPage","toPage","isDesktop","isMobile","useResponsive","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createTextVNode","_createVNode","_component_OrButton","_cache","$event","_withCtx","_toDisplayString","_component_OrIcon","_component_OrMenu","_Fragment","_renderList","limit","_component_OrMenuItem","_createCommentVNode","_createElementVNode","_createBlock"],"mappings":"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"}

package/dist/esm/{OrPopover-FA8G-paf.mjs → OrPopover-GBPJ4IDN.mjs}

@@ -1,6 +1,6 @@
 import { computePosition as Q, offset as X, shift as Y, flip as Z, hide as P, size as x, autoUpdate as _ } from "@floating-ui/dom";
 import { usePopoverState as ee, useResponsive as te, useElevation as oe } from "@onereach/ui-components-common/hooks";
-import { O as ne } from "./OrBottomSheet-CJxmY84p.mjs";
+import { O as ne } from "./OrBottomSheet-DQ83BBtJ.mjs";
 import { O as ae } from "./OrTeleport.vue3-C9kW_8PS.mjs";
 import { onClickOutside as re } from "@vueuse/core";
 import { computed as r, unref as B, ref as f, shallowRef as le, watch as M, getCurrentScope as se, onScopeDispose as ie, shallowReadonly as g, defineComponent as ue, toRefs as de, toRef as fe, resolveComponent as H, openBlock as T, createBlock as N, withCtx as V, withDirectives as z, createElementVNode as me, createElementBlock as U, mergeProps as W, renderSlot as j, normalizeClass as I, vShow as L, createCommentVNode as F } from "vue";
@@ -339,4 +339,4 @@ export {
   a,
   Se as i
 };
-//# sourceMappingURL=OrPopover-FA8G-paf.mjs.map
+//# sourceMappingURL=OrPopover-GBPJ4IDN.mjs.map