@onereach/ui-components 22.2.0-beta.5485.0 → 22.2.0-beta.5487.0

package/dist/esm/{OrModal-DZNvZOWi.mjs → OrModal-A9OL6kGW.mjs}

@@ -2,7 +2,7 @@ import { defineComponent as i, ref as f, computed as $, openBlock as p, createEl
 import { usePopoverState as b } from "@onereach/ui-components-common/hooks";
 import { O as B } from "./OrOverlay-BjrghiC-.mjs";
 import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { O as F } from "./OrIconButton-xLaBANIB.mjs";
+import { O as F } from "./OrIconButton-BlHCLpeW.mjs";
 import { useResponsive as H } from "@onereach/ui-components-common";
 const z = [
   // Overflow
@@ -238,4 +238,4 @@ export {
   m as M,
   to as O
 };
-//# sourceMappingURL=OrModal-DZNvZOWi.mjs.map
+//# sourceMappingURL=OrModal-A9OL6kGW.mjs.map

package/dist/esm/{OrModal-DZNvZOWi.mjs.map → OrModal-A9OL6kGW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrModal-DZNvZOWi.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';\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';\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 { computed, defineComponent, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { useResponsive } from '@onereach/ui-components-common';\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  'sm:w-full',\n  '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 { computed, defineComponent, PropType, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\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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"}
+{"version":3,"file":"OrModal-A9OL6kGW.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';\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';\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 { computed, defineComponent, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { useResponsive } from '@onereach/ui-components-common';\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  'sm:w-full',\n  '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 { computed, defineComponent, PropType, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\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-bSMyElg1.mjs → OrNotification-Dz3Tr1wI.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-xLaBANIB.mjs";
-import { O as N, I as n } from "./OrIndicator-Cs9Y7dr_.mjs";
+import { O as C } from "./OrIconButton-BlHCLpeW.mjs";
+import { O as N, I as n } from "./OrIndicator-CCrOseW7.mjs";
 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 $ = {
@@ -147,4 +147,4 @@ export {
   F as O,
   $ as V
 };
-//# sourceMappingURL=OrNotification-bSMyElg1.mjs.map
+//# sourceMappingURL=OrNotification-Dz3Tr1wI.mjs.map

package/dist/esm/{OrNotification-bSMyElg1.mjs.map → OrNotification-Dz3Tr1wI.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrNotification-bSMyElg1.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 { computed, defineComponent, PropType, ref } from 'vue';\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 { 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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"}
+{"version":3,"file":"OrNotification-Dz3Tr1wI.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 { computed, defineComponent, PropType, ref } from 'vue';\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 { 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/{OrPagination-BeXUeISB.mjs → OrPagination-CTwCcz18.mjs}

@@ -1,8 +1,8 @@
 import { defineComponent as Q, ref as P, computed as n, toRef as U, resolveComponent as C, openBlock as u, createElementBlock as c, normalizeClass as l, createElementVNode as B, createTextVNode as p, createVNode as a, withCtx as f, toDisplayString as d, Fragment as O, renderList as I, createBlock as L, createCommentVNode as $ } from "vue";
 import { useProxyModelValue as W, useResponsive as X } from "@onereach/ui-components-common/hooks";
 import { O as Y } from "./OrButton-C_hXddAf.mjs";
-import { O as Z } from "./OrIcon-CIHMX4qh.mjs";
-import { O as _ } from "./OrMenuItem-DsXyJRTJ.mjs";
+import { O as Z } from "./OrIcon-k8cyvh-D.mjs";
+import { O as _ } from "./OrMenuItem-BHRMA0L1.mjs";
 import { O as x } from "./OrMenu-naJcjd7Z.mjs";
 import { _ as ee } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const te = [
@@ -348,4 +348,4 @@ const ge = /* @__PURE__ */ ee(se, [["render", ue]]);
 export {
   ge as O
 };
-//# sourceMappingURL=OrPagination-BeXUeISB.mjs.map
+//# sourceMappingURL=OrPagination-CTwCcz18.mjs.map

package/dist/esm/{OrPagination-BeXUeISB.mjs.map → OrPagination-CTwCcz18.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrPagination-BeXUeISB.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\nexport const Menu: string[] = [\n  // Layout\n  'overflow-y-auto',\n\n  // Box\n  'min-w-[60px]',\n  'md:max-w-[256px]',\n  'max-h-[340px]',\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            :trigger=\"limitButtonRoot\"\n            :placement=\"'top'\"\n            :disable-root-styles=\"true\"\n          >\n            <div :class=\"menuStyles\">\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            </div>\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          :trigger=\"offsetButtonRoot\"\n          :placement=\"'top'\"\n          :disable-root-styles=\"true\"\n        >\n          <div :class=\"menuStyles\">\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          </div>\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 { computed, defineComponent, PropType, ref, toRef } from 'vue';\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 * 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  ],\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 menuStyles = computed(() => [\n      ...Styles.Menu,\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      menuStyles,\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","Menu","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","rootStyles","computed","Styles.Pagination","menuStyles","Styles.Menu","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","_createElementVNode","_Fragment","_renderList","limit","_component_OrMenuItem","_createCommentVNode","_createBlock"],"mappings":"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"}
+{"version":3,"file":"OrPagination-CTwCcz18.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\nexport const Menu: string[] = [\n  // Layout\n  'overflow-y-auto',\n\n  // Box\n  'min-w-[60px]',\n  'md:max-w-[256px]',\n  'max-h-[340px]',\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            :trigger=\"limitButtonRoot\"\n            :placement=\"'top'\"\n            :disable-root-styles=\"true\"\n          >\n            <div :class=\"menuStyles\">\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            </div>\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          :trigger=\"offsetButtonRoot\"\n          :placement=\"'top'\"\n          :disable-root-styles=\"true\"\n        >\n          <div :class=\"menuStyles\">\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          </div>\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 { computed, defineComponent, PropType, ref, toRef } from 'vue';\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 * 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  ],\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 menuStyles = computed(() => [\n      ...Styles.Menu,\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      menuStyles,\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","Menu","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","rootStyles","computed","Styles.Pagination","menuStyles","Styles.Menu","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","_createElementVNode","_Fragment","_renderList","limit","_component_OrMenuItem","_createCommentVNode","_createBlock"],"mappings":";;;;;;;AAAO,MAAMA,KAAuB;AAAA;AAAA,EAElC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,KAAiC;AAAA;AAAA,EAE5C;AAAA;AAAA,EAGA;AACF,GAEaC,KAAkC;AAAA;AAAA,EAE7C;AAAA;AAAA,EAGA;AACF,GAEaC,KAA2B;AAAA;AAAA,EAEtC;AAAA;AAAA,EAGA;AACF,GAEaC,KAAiB;AAAA;AAAA,EAE5B;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AACF,GC8EAC,KAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC;AAAA,IAC/B;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MAEN,SAAS,OAAO;AAAA,QACd,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAaF,EAAS,MAAM;AAAA,MAChC,GAAGG;AAAAA,IAAO,CACX,GAEKC,IAAcN,KACdO,IAAkBL,EAAS,MAAA;;AAAM,cAAAM,IAAAF,EAAY,UAAZ,gBAAAE,EAAmB;AAAA,KAAI,GAExDC,IAAYT,KACZU,IAAgBR,EAAS,MAAA;;AAAM,cAAAM,IAAAC,EAAU,UAAV,gBAAAD,EAAiB;AAAA,KAAI,GAEpDG,IAAmBT,EAAS,MAAM;AAAA,MACtC,GAAGU;AAAAA,IAAO,CACX,GAEKC,IAAeb,KACfc,IAAmBZ,EAAS,MAAA;;AAAM,cAAAM,IAAAK,EAAa,UAAb,gBAAAL,EAAoB;AAAA,KAAI,GAE1DO,IAAaf,KACbgB,IAAiBd,EAAS,MAAA;;AAAM,cAAAM,IAAAO,EAAW,UAAX,gBAAAP,EAAkB;AAAA,KAAI,GAEtDS,IAAoBf,EAAS,MAAM;AAAA,MACvC,GAAGgB;AAAAA,IAAO,CACX,GAEKC,IAAajB,EAAS,MAAM;AAAA,MAChC,GAAGkB;AAAAA,IAAO,CACX,GAGKC,IAAQC,EAAmBC,EAAM1B,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAEnE0B,IAAetB,EAAiB;AAAA,MACpC,KAAK,MAAM;;AAAA,iBAAAM,IAAAa,EAAM,UAAN,gBAAAb,EAAa,UAASX,EAAM,QAAQ,CAAC;AAAA;AAAA,MAEhD,KAAK,CAAC4B,MAAU;AACd,QAAAJ,EAAM,QAAQ;AAAA,UACZ,OAAOI;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IAAA,CACD,GAEKC,IAAgBxB,EAAiB;AAAA,MACrC,KAAK,MAAM;;AAAA,iBAAAM,IAAAa,EAAM,UAAN,gBAAAb,EAAa,WAAU;AAAA;AAAA,MAElC,KAAK,CAACiB,MAAU;AACd,QAAAJ,EAAM,QAAQ;AAAA,UACZ,OAAOG,EAAa;AAAA,UACpB,QAAQC;AAAA,QAAA;AAAA,MAEZ;AAAA,IAAA,CACD,GAEKE,IAAczB,EAAiB;AAAA,MACnC,KAAK,MAAM,KAAK,MAAMwB,EAAc,QAAQF,EAAa,KAAK,IAAI;AAAA,MAElE,KAAK,CAACC,MAAU;AACA,QAAAC,EAAA,SAASD,IAAQ,KAAKD,EAAa;AAAA,MACnD;AAAA,IAAA,CACD,GAEKI,IAAY1B,EAAiB,MAC1B,CACR,GAEK2B,IAAW3B,EAAiB,MACzB,KAAK,KAAKL,EAAM,SAAS2B,EAAa,KAAK,CACnD,GAEKM,IAAc5B,EAA8B,MAAM;AACtD,YAAM6B,IAAQ,MAAM,KAAK,EAAE,QAAQF,EAAS,MAAM,GAAG,CAACG,GAAGC,MAAUA,IAAQ,CAAC;AAE5E,cAAQ,IAAM;AAAA,QACZ,KAAKJ,EAAS,SAAS;AACd,iBAAAE;AAAA,QAET,KAAKJ,EAAY,QAAQC,EAAU,QAAQ;AAClC,iBAAA;AAAA,YACL,GAAGG,EAAM,MAAM,GAAG,CAAC;AAAA,YACnB;AAAA,YACAF,EAAS;AAAA,UAAA;AAAA,QAGb,KAAKF,EAAY,QAAQE,EAAS,QAAQ;AACjC,iBAAA;AAAA,YACLD,EAAU;AAAA,YACV;AAAA,YACA,GAAGG,EAAM,MAAM,EAAE;AAAA,UAAA;AAAA,QAGrB;AACS,iBAAAA,EACJ,IAAI,CAACG,MAAS;AACb,oBAAQ,IAAM;AAAA,cACZ,MAAKA,IAAON,EAAU,SAASM,IAAOP,EAAY,QAAQ;AAAA,cAC1D,MAAKO,IAAOL,EAAS,SAASK,IAAOP,EAAY,QAAQ;AAChD,uBAAA;AAAA,cAET;AACS,uBAAAO;AAAA,YACX;AAAA,UACD,CAAA,EACA,OAAO,CAACC,GAAaD,MAChBC,EAAYA,EAAY,SAAS,CAAC,MAAMD,IACnCC,IAGF,CAAC,GAAGA,GAAaD,CAAI,GAC3B,CAAyB,CAAA;AAAA,MAClC;AAAA,IAAA,CACD;AAGD,aAASE,IAAuB;AAClB,MAAAT,EAAA,QAAQA,EAAY,QAAQ;AAAA,IAC1C;AAEA,aAASU,IAAmB;AACd,MAAAV,EAAA,QAAQA,EAAY,QAAQ;AAAA,IAC1C;AAEA,aAASW,EAAOJ,GAAoB;AAClC,MAAAP,EAAY,QAAQO;AAAA,IACtB;AAGA,UAAM,EAAE,WAAAK,GAAW,UAAAC,EAAS,IAAIC,EAAc;AAEvC,WAAA;AAAA,MACL,MAAA1C;AAAA,MACA,YAAAE;AAAA,MACA,YAAAG;AAAA,MAEA,aAAAE;AAAA,MACA,iBAAAC;AAAA,MAEA,WAAAE;AAAA,MACA,eAAAC;AAAA,MAEA,kBAAAC;AAAA,MAEA,cAAAE;AAAA,MACA,kBAAAC;AAAA,MAEA,YAAAC;AAAA,MACA,gBAAAC;AAAA,MAEA,mBAAAC;AAAA,MAEA,YAAAE;AAAA,MAEA,OAAAE;AAAA,MAEA,cAAAG;AAAA,MACA,eAAAE;AAAA,MACA,aAAAC;AAAA,MAEA,WAAAC;AAAA,MACA,UAAAC;AAAA,MAEA,aAAAC;AAAA,MAEA,gBAAAM;AAAA,MACA,YAAAC;AAAA,MACA,QAAAC;AAAA,MAEA,WAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC,GA1VaE,KAAK;AAAA,EAAA,KAAA;AAAA;;;qEANjBC,EA+GM,QAAA;SA7GEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAuCMC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA;aAtCYD,EAAcC,EAAA,gBAAA;AAAA,IAAA,GAAA;AAAA,4BAaf,GAAAF,EAAA,OAAAH,IAAA;AAAA,QAAAM,EARH,aAAa;AAAA,QAAAC,EACbC,GAAE;AAAA,UACP,KAAA;AAAA,UACA,OAAOJ,EAASC,EAAA,UAAA;AAAA,UAChB,SAAS;AAAA,UACT,OAAK;AAAA,UAAA,WAAA;AAAA,UAEY,SAAAI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAL,EAAA,aAAAA,EAAA,UAAA,OAAA;AAAA,QAAA,GAAA;AAAA,mBAACM,EAAgG,MAAA;AAAA,YAAAL,EAAjFM,EAAaP,EAAe,YAAA,IAAA,KAAA,CAAA;AAAA,YAAAE,EAAAM,GAAA;AAAA;;;UAGhE,GAAA;AAAA,QAAA,GACG,GAAG,CAAE,OAAA,CAAA;AAAA,QAAAN,EACIO,GAAe;AAAA,UACxB,KAAA;AAAA,UACA,SAAAT,EAAA;AAAA,UAAA,WAAA;AAAA,UAWK,uBAAA;AAAA,QAAA,GAAA;AAAA,UATK,SAAAM,EAAA,MAAA;AAAA,YAAAI,EAAA,OAAA;AAAA,cACT,OAAAX,EAAAC,EAAA,UAAA;AAAA,YAAA,GAAA;AAAA,iBAEQ,EAAK,GAAAF,EAAAa,GAAA,MAAAC,EAAAZ,EAAA,SAAA,CAAAa,OACVhB,EAAA,KAA2BiB,GAAK;AAAA,gBAChC,KAAAD;AAAA,gBAAA,UAAAb,EAAA,iBAAAa;AAAA,gBAEU,SAAA,CAAAR,MAAA;AAAA,kBAAAL,EAAA,eAAAa,GAAAb,EAAA,aAAAA,EAAA,UAAA,MAAA;AAAA,gBAAA;AAAA,cAAA,GAAA;AAAA;;;;;;;;;OAOrB,KAAAe,EAAA,IAAA,EAAA;AAAA,MAAAf,EAAA,SAAA,SAAAH,EAAA,GAAAC,EAAAa,GAAA,EAAA,KAAA,KAAA;AAAA;gBAKFI,EAiEM,IAAA,EAAA;AAAA,IAjEA,GAAA,CAAA;AAAA,IAAAL,EAAA,OAAA;AAAA,MACJ,OAQWX,EAAAC,EAAA,iBAAA;AAAA,IAAA,GAAA;AAAA,QANCG,GAAM;AAAA,QACf,OAAOJ,EAASC,EAAA,UAAA;AAAA,QAChB,SAAQ;AAAA,QACR,OAAK;AAAA,QAAA,UAAAA,EAAA,gBAAAA,EAAA;AAAA,QAEkC,SAAAI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAL,EAAA;MAAA,GAAA;AAAA;;;QAG1B,GAAA;AAAA,MACd,GAAA,GAAA,CAAA,SAAA,UAAA,CAAA;AAAA,MAAAA,EAAA,aAAAH,EAEQ,EAAK,GAAAC,EAAAa,GAAA,EAAA,KAAA,EAAA,GAAAC,EAAAZ,EAAA,aAAA,CAAAb,GAAAD,OACLW,EAAA,GAAAmB,EAAEb,GAAU;AAAA,QACjB,KAAAjB;AAAA,QACA,OAAOa,EAASC,EAAA,UAAA;AAAA,QAChB,SAAS;AAAA,QACT,OAAK;AAAA,QAAA,WAAAA,EAAA,gBAAAb;AAAA,QAEI,SAAA,CAAAkB,MAAA,OAAAlB,KAAA,YAAAa,EAAA,OAAAb,CAAA;AAAA,MAAA,GAAA;AAAA;;;;kDAId,GAAA,GAAA,KAAA4B,EAAA,IAAA,EAAA;AAAA,MAAAf,EACE,iBACsBF,EAAAa,GAAA,EAAA,KAAA,KAAA;AAAA,QAAAT,EACdC,GAAE;AAAA,UACP,KAAA;AAAA,UACA,OAAOJ,EAASC,EAAA,UAAA;AAAA,UAChB,SAAS;AAAA,UACT,OAAK;AAAA,UAAA,WAAA;AAAA,UAEW,SAAAI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAL,EAAA,cAAAA,EAAA,WAAA,KAAA;AAAA,QAAA,GAAA;AAAA,mBAACM,EAAkG,MAAA;AAAA,YAAAL,EAAnFM,EAAcP,EAAgB,WAAA,IAAA,KAAA,CAAA;AAAA,YAAAE,EAAAM,GAAA;AAAA;;;UAGjE,GAAA;AAAA,QAAA,GACG,GAAG,CAAE,OAAA,CAAA;AAAA,QAAAN,EACIO,GAAgB;AAAA,UACzB,KAAA;AAAA,UACA,SAAAT,EAAA;AAAA,UAAA,WAAA;AAAA,UAWK,uBAAA;AAAA,QAAA,GAAA;AAAA,UATK,SAAAM,EAAA,MAAA;AAAA,YAAAI,EAAA,OAAA;AAAA,cACT,OAAAX,EAAAC,EAAA,UAAA;AAAA,YAAA,GAAA;AAAA,iBAEQ,EAAI,GAAAF,EAAAa,GAAA,MAAAC,EAAAZ,EAAA,UAAA,CAAAb,OACTU,EAAA,KAA0BiB,GAAI;AAAA,gBAC9B,KAAA3B;AAAA,gBAAA,UAAAa,EAAA,gBAAAb;AAAA,gBAES,SAAA,CAAAkB,MAAA;AAAA,kBAAAL,EAAA,cAAAb,GAAAa,EAAA,cAAAA,EAAA,WAAA,MAAA;AAAA,gBAAA;AAAA,cAAA,GAAA;AAAA;;;;;;;;;MAMlB,GAAA,EAAA,KACGe,EAAK,IAAE,EAAA;AAAA,MAAAb,EACEC,GAAM;AAAA,QACf,OAAOJ,EAASC,EAAA,UAAA;AAAA,QAChB,SAAQ;AAAA,QACR,OAAK;AAAA,QAAA,UAAAA,EAAA,gBAAAA,EAAA;AAAA,QAEmC,SAAAI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAL,EAAA;MAAA,GAAA;AAAA;;;;;;;;;"}

package/dist/esm/{OrRating-iaeyKVUd.mjs → OrRating-BhuvRBRy.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent as R, ref as l, computed as u, inject as S, toRef as V, watch as O, reactive as C, resolveComponent as I, openBlock as f, createElementBlock as c, normalizeClass as M, Fragment as z, renderList as B, createVNode as $ } from "vue";
 import { useResponsive as E, useProxyModelValue as L } from "@onereach/ui-components-common/hooks";
-import { O as j } from "./OrIcon-CIHMX4qh.mjs";
+import { O as j } from "./OrIcon-k8cyvh-D.mjs";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var d = /* @__PURE__ */ ((e) => (e.Default = "default", e.Fitted = "fitted", e))(d || {});
 const D = [
@@ -140,4 +140,4 @@ export {
   Q as O,
   d as R
 };
-//# sourceMappingURL=OrRating-iaeyKVUd.mjs.map
+//# sourceMappingURL=OrRating-BhuvRBRy.mjs.map

package/dist/esm/{OrRating-iaeyKVUd.mjs.map → OrRating-BhuvRBRy.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrRating-iaeyKVUd.mjs","sources":["../../../components/or-rating-v3/src/types.ts","../../../components/or-rating-v3/src/styles.ts","../../../components/or-rating-v3/src/OrRating.vue"],"sourcesContent":["import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type RatingModelValue = ModelValue<number>;\n\nexport enum RatingVariant {\n  Default = 'default',\n  Fitted = 'fitted',\n}\n","import { RatingVariant } from './types';\n\nexport const Rating: string[] = [\n  // Theme\n  'theme-foreground-disabled',\n  'dark:theme-foreground-disabled-dark',\n];\n\nexport const RatingVariants: Record<RatingVariant, string[]> = {\n  [RatingVariant.Default]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [RatingVariant.Fitted]: [\n    // Layout\n    'layout-row md:justify-between',\n  ],\n};\n\nexport const RatingStar: string[] = [\n  // Layout\n  'layout-row justify-center',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Box\n  'w-[32px] md:w-[24px]',\n  'h-[32px] md:h-[24px]',\n\n  // Theme (activated)\n  'activated:text-warning-hover',\n  'dark:activated:text-warning-hover-dark',\n\n  // Theme (disabled)\n  'disabled:text-disabled',\n  'dark:disabled:text-disabled-dark',\n];\n\nexport const RatingStarMobile: string[] = [\n  // Typography;\n  'text-[32px]',\n];\n\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :disabled=\"disabled\"\n  >\n    <div\n      v-for=\"value of length\"\n      :ref=\"'stars'\"\n      :key=\"value\"\n      :class=\"starStyles\"\n      :activated=\"value <= Math.ceil(model)\"\n      :disabled=\"disabled\"\n      @mouseenter=\"onMouseEnter($event, value - 1)\"\n      @mousemove=\"onMouseMove($event, value - 1)\"\n      @mouseleave=\"onMouseLeave($event, value - 1)\"\n      @click=\"model = draft; hoverIndex[value - 1] = false\"\n    >\n      <OrIcon\n        :icon=\"draft - value + 1 === 0.5 ? 'star_half' : 'star'\"\n        :variant=\"value <= draft ? 'filled' : 'outlined'\"\n        :size=\"starSize(value - 1)\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, inject, reactive, ref, toRef, watch } from 'vue';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport * as Styles from './styles';\nimport { RatingModelValue, RatingVariant } from './types';\n\nexport const RATING_LENGTH = Symbol();\n\nexport default defineComponent({\n  name: 'OrRating',\n\n  components: {\n    OrIcon,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<RatingModelValue>,\n      default: undefined,\n    },\n\n    variant: {\n      type: String as PropType<`${RatingVariant}`>,\n      default: () => RatingVariant.Default,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const { isMobile } = useResponsive();\n\n    const rootStyles = computed(() => [\n      'or-rating-v3',\n      ...Styles.Rating,\n      ...Styles.RatingVariants[props.variant],\n    ]);\n\n    const starStyles = computed(() => [\n      ...Styles.RatingStar,\n      ...props.readonly ? ['interactivity-none'] : [],\n      ...isMobile.value ? Styles.RatingStarMobile : [],\n    ]);\n\n    // Options\n    const length = inject(RATING_LENGTH, 5);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref(0) });\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = Math.floor(value * 2) / 2;\n    }, { immediate: true });\n\n    const hoverIndex = reactive(Array<boolean>(length).fill(false));\n\n    const starSize = computed(() => {\n      return (index: number) => {\n        if (props.variant === 'fitted' || isMobile.value) {\n          return 'inherit';\n        }\n        if (hoverIndex[index]) {\n          return 'xl';\n        }\n        return 'l';\n      };\n    });\n\n    // Handlers\n    function onMouseEnter(event: MouseEvent, index: number): void {\n      hoverIndex[index] = true;\n    }\n\n    function onMouseMove(event: MouseEvent, index: number): void {\n      const { width } = (event.currentTarget as Element).getBoundingClientRect();\n\n      draft.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;\n    }\n\n    function onMouseLeave(event: MouseEvent, index: number): void {\n      hoverIndex[index] = false;\n\n      draft.value = model.value;\n    }\n\n    return {\n      length,\n\n      root,\n\n      rootStyles,\n      starStyles,\n\n      starSize,\n\n      model,\n      draft,\n\n      isMobile,\n\n      hoverIndex,\n\n      onMouseEnter,\n      onMouseMove,\n      onMouseLeave,\n    };\n  },\n});\n</script>\n"],"names":["RatingVariant","Rating","RatingVariants","RatingStar","RatingStarMobile","RATING_LENGTH","_sfc_main","defineComponent","OrIcon","props","context","root","ref","isMobile","useResponsive","rootStyles","computed","Styles.Rating","Styles.RatingVariants","starStyles","Styles.RatingStar","Styles.RatingStarMobile","length","inject","model","useProxyModelValue","toRef","draft","watch","value","hoverIndex","reactive","starSize","index","onMouseEnter","event","onMouseMove","width","onMouseLeave","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","$event","_component_OrIcon"],"mappings":"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"}
+{"version":3,"file":"OrRating-BhuvRBRy.mjs","sources":["../../../components/or-rating-v3/src/types.ts","../../../components/or-rating-v3/src/styles.ts","../../../components/or-rating-v3/src/OrRating.vue"],"sourcesContent":["import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type RatingModelValue = ModelValue<number>;\n\nexport enum RatingVariant {\n  Default = 'default',\n  Fitted = 'fitted',\n}\n","import { RatingVariant } from './types';\n\nexport const Rating: string[] = [\n  // Theme\n  'theme-foreground-disabled',\n  'dark:theme-foreground-disabled-dark',\n];\n\nexport const RatingVariants: Record<RatingVariant, string[]> = {\n  [RatingVariant.Default]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [RatingVariant.Fitted]: [\n    // Layout\n    'layout-row md:justify-between',\n  ],\n};\n\nexport const RatingStar: string[] = [\n  // Layout\n  'layout-row justify-center',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Box\n  'w-[32px] md:w-[24px]',\n  'h-[32px] md:h-[24px]',\n\n  // Theme (activated)\n  'activated:text-warning-hover',\n  'dark:activated:text-warning-hover-dark',\n\n  // Theme (disabled)\n  'disabled:text-disabled',\n  'dark:disabled:text-disabled-dark',\n];\n\nexport const RatingStarMobile: string[] = [\n  // Typography;\n  'text-[32px]',\n];\n\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :disabled=\"disabled\"\n  >\n    <div\n      v-for=\"value of length\"\n      :ref=\"'stars'\"\n      :key=\"value\"\n      :class=\"starStyles\"\n      :activated=\"value <= Math.ceil(model)\"\n      :disabled=\"disabled\"\n      @mouseenter=\"onMouseEnter($event, value - 1)\"\n      @mousemove=\"onMouseMove($event, value - 1)\"\n      @mouseleave=\"onMouseLeave($event, value - 1)\"\n      @click=\"model = draft; hoverIndex[value - 1] = false\"\n    >\n      <OrIcon\n        :icon=\"draft - value + 1 === 0.5 ? 'star_half' : 'star'\"\n        :variant=\"value <= draft ? 'filled' : 'outlined'\"\n        :size=\"starSize(value - 1)\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, inject, reactive, ref, toRef, watch } from 'vue';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport * as Styles from './styles';\nimport { RatingModelValue, RatingVariant } from './types';\n\nexport const RATING_LENGTH = Symbol();\n\nexport default defineComponent({\n  name: 'OrRating',\n\n  components: {\n    OrIcon,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<RatingModelValue>,\n      default: undefined,\n    },\n\n    variant: {\n      type: String as PropType<`${RatingVariant}`>,\n      default: () => RatingVariant.Default,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const { isMobile } = useResponsive();\n\n    const rootStyles = computed(() => [\n      'or-rating-v3',\n      ...Styles.Rating,\n      ...Styles.RatingVariants[props.variant],\n    ]);\n\n    const starStyles = computed(() => [\n      ...Styles.RatingStar,\n      ...props.readonly ? ['interactivity-none'] : [],\n      ...isMobile.value ? Styles.RatingStarMobile : [],\n    ]);\n\n    // Options\n    const length = inject(RATING_LENGTH, 5);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref(0) });\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = Math.floor(value * 2) / 2;\n    }, { immediate: true });\n\n    const hoverIndex = reactive(Array<boolean>(length).fill(false));\n\n    const starSize = computed(() => {\n      return (index: number) => {\n        if (props.variant === 'fitted' || isMobile.value) {\n          return 'inherit';\n        }\n        if (hoverIndex[index]) {\n          return 'xl';\n        }\n        return 'l';\n      };\n    });\n\n    // Handlers\n    function onMouseEnter(event: MouseEvent, index: number): void {\n      hoverIndex[index] = true;\n    }\n\n    function onMouseMove(event: MouseEvent, index: number): void {\n      const { width } = (event.currentTarget as Element).getBoundingClientRect();\n\n      draft.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;\n    }\n\n    function onMouseLeave(event: MouseEvent, index: number): void {\n      hoverIndex[index] = false;\n\n      draft.value = model.value;\n    }\n\n    return {\n      length,\n\n      root,\n\n      rootStyles,\n      starStyles,\n\n      starSize,\n\n      model,\n      draft,\n\n      isMobile,\n\n      hoverIndex,\n\n      onMouseEnter,\n      onMouseMove,\n      onMouseLeave,\n    };\n  },\n});\n</script>\n"],"names":["RatingVariant","Rating","RatingVariants","RatingStar","RatingStarMobile","RATING_LENGTH","_sfc_main","defineComponent","OrIcon","props","context","root","ref","isMobile","useResponsive","rootStyles","computed","Styles.Rating","Styles.RatingVariants","starStyles","Styles.RatingStar","Styles.RatingStarMobile","length","inject","model","useProxyModelValue","toRef","draft","watch","value","hoverIndex","reactive","starSize","index","onMouseEnter","event","onMouseMove","width","onMouseLeave","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","$event","_component_OrIcon"],"mappings":"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"}

package/dist/esm/{OrResizeablePanel-Dsu5AbKR.mjs → OrResizeablePanel-DuGgwmhB.mjs}

@@ -1,7 +1,7 @@
 import { useDraggable as L } from "@vueuse/core";
 import { defineComponent as O, ref as b, computed as n, toRef as _, watch as $, resolveComponent as N, openBlock as m, createElementBlock as d, normalizeClass as s, normalizeStyle as W, renderSlot as k, createElementVNode as D, createVNode as I, createCommentVNode as w } from "vue";
 import { usePopoverState as j } from "@onereach/ui-components-common/hooks";
-import { O as M } from "./OrIconButton-xLaBANIB.mjs";
+import { O as M } from "./OrIconButton-BlHCLpeW.mjs";
 import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var c = /* @__PURE__ */ ((e) => (e.L = "l", e.M = "m", e.S = "s", e.None = "none", e))(c || {}), t = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e.Left = "left", e.Right = "right", e))(t || {});
 const V = [
@@ -421,4 +421,4 @@ export {
   c as R,
   t as a
 };
-//# sourceMappingURL=OrResizeablePanel-Dsu5AbKR.mjs.map
+//# sourceMappingURL=OrResizeablePanel-DuGgwmhB.mjs.map

package/dist/esm/{OrResizeablePanel-Dsu5AbKR.mjs.map → OrResizeablePanel-DuGgwmhB.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrResizeablePanel-Dsu5AbKR.mjs","sources":["../../../components/or-resizeable-panel-v3/src/props.ts","../../../components/or-resizeable-panel-v3/src/styles.ts","../../../components/or-resizeable-panel-v3/src/OrResizeablePanel.vue"],"sourcesContent":["export enum ResizeablePanelPadding {\n  L = 'l',\n  M = 'm',\n  S = 's',\n  None = 'none',\n}\n\nexport enum ResizeablePanelPlacement {\n  Top = 'top',\n  Bottom = 'bottom',\n  Left = 'left',\n  Right = 'right',\n}\n","import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\n\nexport const ResizeablePanel: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n\nexport const ResizeablePanelPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'layout-column',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'layout-column-reverse',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'layout-row !items-stretch',\n\n    // Box\n    'h-full min-h-0',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'layout-row-reverse !items-stretch',\n\n    // Box\n    'h-full min-h-0',\n  ],\n};\n\nexport const ResizeablePanelContent: string[] = [\n  // Layout\n  'layout-column grow',\n\n  // Overflow\n  'overflow-auto',\n];\n\nexport const ResizeablePanelContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Spacing\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Spacing\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Spacing\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const ResizeablePanelContentPlaceholder: string[] = [];\n\nexport const ResizeablePanelContentPlaceholderPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Box\n    'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Box\n    'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Box\n    'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Box\n    'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n};\n\nexport const ResizeablePanelResizeBar: string[] = [\n  // Position\n  'relative',\n\n  // Layout\n  'shrink-0',\n\n  // Layout (after)\n  'after:block',\n\n  // Theme (after)\n  'after:border-outline-variant',\n  'after:dark:border-outline-variant-dark',\n\n  // Theme (after, hover)\n  'after:hover:border-primary-hover',\n  'after:dark:hover:border-primary-hover-dark',\n\n  // Theme (after, activated)\n  'after:activated:border-primary-hover',\n  'after:dark:activated:border-primary-hover-dark',\n];\n\nexport const ResizeablePanelResizeBarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'flex flex-col justify-center',\n\n    // Interactivity\n    'interactivity-resize-row',\n\n    // Spacing\n    '-my-[calc(theme(spacing.md)/2)]',\n    'py-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-b-1',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'flex flex-col justify-center',\n\n    // Interactivity\n    'interactivity-resize-row',\n\n    // Spacing\n    '-my-[calc(theme(spacing.md)/2)]',\n    'py-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-t-1',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'flex flex-row justify-center',\n\n    // Interactivity\n    'interactivity-resize-column',\n\n    // Spacing\n    '-mx-[calc(theme(spacing.md)/2)]',\n    'px-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-r-1',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'flex flex-row justify-center',\n\n    // Interactivity\n    'interactivity-resize-column',\n\n    // Spacing\n    '-mx-[calc(theme(spacing.md)/2)]',\n    'px-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-l-1',\n  ],\n};\n\nexport const ResizeablePanelCollapseButtonContainer: string[] = [\n  // Position\n  'absolute',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'w-fit',\n  'h-fit',\n\n  // Typography\n  'leading-[0]',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-border-outline-variant border-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelCollapseButtonContainerPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Position\n    'left-md',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Position\n    'left-md',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Position\n    'top-md',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Position\n    'top-md',\n  ],\n};\n\nexport const ResizeablePanelToolbar: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-auto',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Theme\n  'theme-border-outline-variant border-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelToolbarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'layout-row',\n\n    // Theme\n    '!border-t-0',\n    '!border-x-0',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'layout-row',\n\n    // Theme\n    '!border-b-0',\n    '!border-x-0',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'layout-column',\n\n    // Theme\n    '!border-l-0',\n    '!border-y-0',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'layout-column',\n\n    // Theme\n    '!border-r-0',\n    '!border-y-0',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :style=\"{ [currentDirection]: !collapsible || state === 'open' ? `${currentSize}px` : 'auto' }\"\n  >\n    <template v-if=\"!collapsible || state === 'open'\">\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n    </template>\n\n    <template v-else>\n      <div :class=\"contentPlaceholderStyles\" />\n    </template>\n\n    <div\n      :ref=\"'resizeBar'\"\n      :class=\"resizeBarStyles\"\n      :activated=\"isDragging\"\n    >\n      <template v-if=\"collapsible\">\n        <div :class=\"collapseButtonContainerStyles\">\n          <OrIconButton\n            :additional-styles=\"['p-xs']\"\n            :icon=\"collapseButtonIcon\"\n            :color=\"'primary'\"\n            :size=\"'m'\"\n            @click=\"toggle()\"\n          />\n        </div>\n      </template>\n    </div>\n\n\n    <template v-if=\"$slots.toolbar\">\n      <div :class=\"toolbarStyles\">\n        <slot name=\"toolbar\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useDraggable } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrResizeablePanel',\n\n  components: {\n    OrIconButton,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: true,\n    },\n\n    width: {\n      type: Number,\n      default: 320,\n    },\n\n    minWidth: {\n      type: Number,\n      default: 256,\n    },\n\n    maxWidth: {\n      type: Number,\n      default: 384,\n    },\n\n    padding: {\n      type: String as PropType<`${ResizeablePanelPadding}`>,\n      default: () => ResizeablePanelPadding.M,\n    },\n\n    placement: {\n      type: String as PropType<`${ResizeablePanelPlacement}`>,\n      default: () => ResizeablePanelPlacement.Right,\n    },\n\n    resizeable: {\n      type: Boolean,\n      default: true,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'resize',\n  ],\n\n  expose: [\n    'root',\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 resizeBar = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-resizeable-panel-v3',\n      ...Styles.ResizeablePanel,\n      ...Styles.ResizeablePanelPlacements[props.placement],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.ResizeablePanelContent,\n      ...Styles.ResizeablePanelContentPaddings[props.padding],\n    ]);\n\n    const contentPlaceholderStyles = computed(() => [\n      ...Styles.ResizeablePanelContentPlaceholder,\n      ...Styles.ResizeablePanelContentPlaceholderPlacements[props.placement],\n    ]);\n\n    const resizeBarStyles = computed(() => [\n      ...Styles.ResizeablePanelResizeBar,\n      ...Styles.ResizeablePanelResizeBarPlacements[props.placement],\n      ...!props.resizeable || props.collapsible && state.value === 'closed' ? ['interactivity-none'] : [],\n    ]);\n\n    const collapseButtonContainerStyles = computed(() => [\n      ...Styles.ResizeablePanelCollapseButtonContainer,\n      ...Styles.ResizeablePanelCollapseButtonContainerPlacements[props.placement],\n    ]);\n\n    const toolbarStyles = computed(() => [\n      ...Styles.ResizeablePanelToolbar,\n      ...Styles.ResizeablePanelToolbarPlacements[props.placement],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    const collapseButtonIcon = computed(() => {\n      if (state.value === 'open') {\n        switch (props.placement) {\n          case ResizeablePanelPlacement.Top:\n            return 'keyboard_arrow_up';\n\n          case ResizeablePanelPlacement.Bottom:\n            return 'keyboard_arrow_down';\n\n          case ResizeablePanelPlacement.Left:\n            return 'keyboard_arrow_left';\n\n          case ResizeablePanelPlacement.Right:\n            return 'keyboard_arrow_right';\n        }\n      }\n\n      if (state.value === 'closed') {\n        switch (props.placement) {\n          case ResizeablePanelPlacement.Top:\n            return 'keyboard_arrow_down';\n\n          case ResizeablePanelPlacement.Bottom:\n            return 'keyboard_arrow_up';\n\n          case ResizeablePanelPlacement.Left:\n            return 'keyboard_arrow_right';\n\n          case ResizeablePanelPlacement.Right:\n            return 'keyboard_arrow_left';\n        }\n      }\n\n      return 'menu';\n    });\n\n    const currentDirection = computed(() => {\n      switch (props.placement) {\n        case ResizeablePanelPlacement.Top:\n        case ResizeablePanelPlacement.Bottom:\n          return 'height';\n      }\n\n      return 'width';\n    });\n\n    const currentSize = ref(props.width);\n\n    watch(() => props.width, (value) => {\n      currentSize.value = value;\n    });\n\n    // Effects\n    // #region Resize\n    let referencePoint = 0;\n\n    const { isDragging } = useDraggable(resizeBar, {\n      onStart: (_position, event) => {\n        if (props.resizeable) {\n          switch (props.placement) {\n            case ResizeablePanelPlacement.Top:\n            case ResizeablePanelPlacement.Bottom:\n              referencePoint = event.y;\n              break;\n\n            case ResizeablePanelPlacement.Left:\n            case ResizeablePanelPlacement.Right:\n              referencePoint = event.x;\n              break;\n          }\n\n          document.body.style.userSelect = 'none';\n        }\n      },\n\n      onMove: (position) => {\n        if (props.resizeable) {\n          let nextWidth = 0;\n\n          switch (props.placement) {\n            case ResizeablePanelPlacement.Top:\n              nextWidth = currentSize.value + (position.y - referencePoint);\n              referencePoint = position.y;\n              break;\n\n            case ResizeablePanelPlacement.Bottom:\n              nextWidth = currentSize.value + (referencePoint - position.y);\n              referencePoint = position.y;\n              break;\n\n            case ResizeablePanelPlacement.Left:\n              nextWidth = currentSize.value + (position.x - referencePoint);\n              referencePoint = position.x;\n              break;\n\n            case ResizeablePanelPlacement.Right:\n              nextWidth = currentSize.value + (referencePoint - position.x);\n              referencePoint = position.x;\n              break;\n          }\n\n          if (nextWidth < props.minWidth) {\n            nextWidth = props.minWidth;\n          }\n\n          if (nextWidth > props.maxWidth) {\n            nextWidth = props.maxWidth;\n          }\n\n          if (nextWidth !== currentSize.value) {\n            context.emit('resize', currentSize.value = nextWidth);\n          }\n        }\n      },\n\n      onEnd: () => {\n        if (props.resizeable) {\n          document.body.style.userSelect = '';\n        }\n      },\n    });\n    // #endregion\n\n    return {\n      root,\n      resizeBar,\n\n      rootStyles,\n      contentStyles,\n      contentPlaceholderStyles,\n      resizeBarStyles,\n      collapseButtonContainerStyles,\n      toolbarStyles,\n\n      state,\n      open,\n      close,\n      toggle,\n\n      collapseButtonIcon,\n      currentDirection,\n      currentSize,\n\n      isDragging,\n    };\n  },\n});\n</script>\n"],"names":["ResizeablePanelPadding","ResizeablePanelPlacement","ResizeablePanel","ResizeablePanelPlacements","ResizeablePanelContent","ResizeablePanelContentPaddings","ResizeablePanelContentPlaceholder","ResizeablePanelContentPlaceholderPlacements","ResizeablePanelResizeBar","ResizeablePanelResizeBarPlacements","ResizeablePanelCollapseButtonContainer","ResizeablePanelCollapseButtonContainerPlacements","ResizeablePanelToolbar","ResizeablePanelToolbarPlacements","_sfc_main","defineComponent","OrIconButton","props","context","root","ref","resizeBar","rootStyles","computed","Styles.ResizeablePanel","Styles.ResizeablePanelPlacements","contentStyles","Styles.ResizeablePanelContent","Styles.ResizeablePanelContentPaddings","contentPlaceholderStyles","Styles.ResizeablePanelContentPlaceholder","Styles.ResizeablePanelContentPlaceholderPlacements","resizeBarStyles","Styles.ResizeablePanelResizeBar","Styles.ResizeablePanelResizeBarPlacements","state","collapseButtonContainerStyles","Styles.ResizeablePanelCollapseButtonContainer","Styles.ResizeablePanelCollapseButtonContainerPlacements","toolbarStyles","Styles.ResizeablePanelToolbar","Styles.ResizeablePanelToolbarPlacements","open","close","toggle","usePopoverState","toRef","collapseButtonIcon","currentDirection","currentSize","watch","value","referencePoint","isDragging","useDraggable","_position","event","position","nextWidth","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_createElementVNode","_component_OrIconButton","_createCommentVNode","_hoisted_1"],"mappings":"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"}
+{"version":3,"file":"OrResizeablePanel-DuGgwmhB.mjs","sources":["../../../components/or-resizeable-panel-v3/src/props.ts","../../../components/or-resizeable-panel-v3/src/styles.ts","../../../components/or-resizeable-panel-v3/src/OrResizeablePanel.vue"],"sourcesContent":["export enum ResizeablePanelPadding {\n  L = 'l',\n  M = 'm',\n  S = 's',\n  None = 'none',\n}\n\nexport enum ResizeablePanelPlacement {\n  Top = 'top',\n  Bottom = 'bottom',\n  Left = 'left',\n  Right = 'right',\n}\n","import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\n\nexport const ResizeablePanel: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n\nexport const ResizeablePanelPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'layout-column',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'layout-column-reverse',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'layout-row !items-stretch',\n\n    // Box\n    'h-full min-h-0',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'layout-row-reverse !items-stretch',\n\n    // Box\n    'h-full min-h-0',\n  ],\n};\n\nexport const ResizeablePanelContent: string[] = [\n  // Layout\n  'layout-column grow',\n\n  // Overflow\n  'overflow-auto',\n];\n\nexport const ResizeablePanelContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Spacing\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Spacing\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Spacing\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const ResizeablePanelContentPlaceholder: string[] = [];\n\nexport const ResizeablePanelContentPlaceholderPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Box\n    'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Box\n    'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Box\n    'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Box\n    'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n};\n\nexport const ResizeablePanelResizeBar: string[] = [\n  // Position\n  'relative',\n\n  // Layout\n  'shrink-0',\n\n  // Layout (after)\n  'after:block',\n\n  // Theme (after)\n  'after:border-outline-variant',\n  'after:dark:border-outline-variant-dark',\n\n  // Theme (after, hover)\n  'after:hover:border-primary-hover',\n  'after:dark:hover:border-primary-hover-dark',\n\n  // Theme (after, activated)\n  'after:activated:border-primary-hover',\n  'after:dark:activated:border-primary-hover-dark',\n];\n\nexport const ResizeablePanelResizeBarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'flex flex-col justify-center',\n\n    // Interactivity\n    'interactivity-resize-row',\n\n    // Spacing\n    '-my-[calc(theme(spacing.md)/2)]',\n    'py-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-b-1',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'flex flex-col justify-center',\n\n    // Interactivity\n    'interactivity-resize-row',\n\n    // Spacing\n    '-my-[calc(theme(spacing.md)/2)]',\n    'py-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-t-1',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'flex flex-row justify-center',\n\n    // Interactivity\n    'interactivity-resize-column',\n\n    // Spacing\n    '-mx-[calc(theme(spacing.md)/2)]',\n    'px-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-r-1',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'flex flex-row justify-center',\n\n    // Interactivity\n    'interactivity-resize-column',\n\n    // Spacing\n    '-mx-[calc(theme(spacing.md)/2)]',\n    'px-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-l-1',\n  ],\n};\n\nexport const ResizeablePanelCollapseButtonContainer: string[] = [\n  // Position\n  'absolute',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'w-fit',\n  'h-fit',\n\n  // Typography\n  'leading-[0]',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-border-outline-variant border-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelCollapseButtonContainerPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Position\n    'left-md',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Position\n    'left-md',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Position\n    'top-md',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Position\n    'top-md',\n  ],\n};\n\nexport const ResizeablePanelToolbar: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-auto',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Theme\n  'theme-border-outline-variant border-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelToolbarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'layout-row',\n\n    // Theme\n    '!border-t-0',\n    '!border-x-0',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'layout-row',\n\n    // Theme\n    '!border-b-0',\n    '!border-x-0',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'layout-column',\n\n    // Theme\n    '!border-l-0',\n    '!border-y-0',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'layout-column',\n\n    // Theme\n    '!border-r-0',\n    '!border-y-0',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :style=\"{ [currentDirection]: !collapsible || state === 'open' ? `${currentSize}px` : 'auto' }\"\n  >\n    <template v-if=\"!collapsible || state === 'open'\">\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n    </template>\n\n    <template v-else>\n      <div :class=\"contentPlaceholderStyles\" />\n    </template>\n\n    <div\n      :ref=\"'resizeBar'\"\n      :class=\"resizeBarStyles\"\n      :activated=\"isDragging\"\n    >\n      <template v-if=\"collapsible\">\n        <div :class=\"collapseButtonContainerStyles\">\n          <OrIconButton\n            :additional-styles=\"['p-xs']\"\n            :icon=\"collapseButtonIcon\"\n            :color=\"'primary'\"\n            :size=\"'m'\"\n            @click=\"toggle()\"\n          />\n        </div>\n      </template>\n    </div>\n\n\n    <template v-if=\"$slots.toolbar\">\n      <div :class=\"toolbarStyles\">\n        <slot name=\"toolbar\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useDraggable } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrResizeablePanel',\n\n  components: {\n    OrIconButton,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: true,\n    },\n\n    width: {\n      type: Number,\n      default: 320,\n    },\n\n    minWidth: {\n      type: Number,\n      default: 256,\n    },\n\n    maxWidth: {\n      type: Number,\n      default: 384,\n    },\n\n    padding: {\n      type: String as PropType<`${ResizeablePanelPadding}`>,\n      default: () => ResizeablePanelPadding.M,\n    },\n\n    placement: {\n      type: String as PropType<`${ResizeablePanelPlacement}`>,\n      default: () => ResizeablePanelPlacement.Right,\n    },\n\n    resizeable: {\n      type: Boolean,\n      default: true,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'resize',\n  ],\n\n  expose: [\n    'root',\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 resizeBar = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-resizeable-panel-v3',\n      ...Styles.ResizeablePanel,\n      ...Styles.ResizeablePanelPlacements[props.placement],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.ResizeablePanelContent,\n      ...Styles.ResizeablePanelContentPaddings[props.padding],\n    ]);\n\n    const contentPlaceholderStyles = computed(() => [\n      ...Styles.ResizeablePanelContentPlaceholder,\n      ...Styles.ResizeablePanelContentPlaceholderPlacements[props.placement],\n    ]);\n\n    const resizeBarStyles = computed(() => [\n      ...Styles.ResizeablePanelResizeBar,\n      ...Styles.ResizeablePanelResizeBarPlacements[props.placement],\n      ...!props.resizeable || props.collapsible && state.value === 'closed' ? ['interactivity-none'] : [],\n    ]);\n\n    const collapseButtonContainerStyles = computed(() => [\n      ...Styles.ResizeablePanelCollapseButtonContainer,\n      ...Styles.ResizeablePanelCollapseButtonContainerPlacements[props.placement],\n    ]);\n\n    const toolbarStyles = computed(() => [\n      ...Styles.ResizeablePanelToolbar,\n      ...Styles.ResizeablePanelToolbarPlacements[props.placement],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    const collapseButtonIcon = computed(() => {\n      if (state.value === 'open') {\n        switch (props.placement) {\n          case ResizeablePanelPlacement.Top:\n            return 'keyboard_arrow_up';\n\n          case ResizeablePanelPlacement.Bottom:\n            return 'keyboard_arrow_down';\n\n          case ResizeablePanelPlacement.Left:\n            return 'keyboard_arrow_left';\n\n          case ResizeablePanelPlacement.Right:\n            return 'keyboard_arrow_right';\n        }\n      }\n\n      if (state.value === 'closed') {\n        switch (props.placement) {\n          case ResizeablePanelPlacement.Top:\n            return 'keyboard_arrow_down';\n\n          case ResizeablePanelPlacement.Bottom:\n            return 'keyboard_arrow_up';\n\n          case ResizeablePanelPlacement.Left:\n            return 'keyboard_arrow_right';\n\n          case ResizeablePanelPlacement.Right:\n            return 'keyboard_arrow_left';\n        }\n      }\n\n      return 'menu';\n    });\n\n    const currentDirection = computed(() => {\n      switch (props.placement) {\n        case ResizeablePanelPlacement.Top:\n        case ResizeablePanelPlacement.Bottom:\n          return 'height';\n      }\n\n      return 'width';\n    });\n\n    const currentSize = ref(props.width);\n\n    watch(() => props.width, (value) => {\n      currentSize.value = value;\n    });\n\n    // Effects\n    // #region Resize\n    let referencePoint = 0;\n\n    const { isDragging } = useDraggable(resizeBar, {\n      onStart: (_position, event) => {\n        if (props.resizeable) {\n          switch (props.placement) {\n            case ResizeablePanelPlacement.Top:\n            case ResizeablePanelPlacement.Bottom:\n              referencePoint = event.y;\n              break;\n\n            case ResizeablePanelPlacement.Left:\n            case ResizeablePanelPlacement.Right:\n              referencePoint = event.x;\n              break;\n          }\n\n          document.body.style.userSelect = 'none';\n        }\n      },\n\n      onMove: (position) => {\n        if (props.resizeable) {\n          let nextWidth = 0;\n\n          switch (props.placement) {\n            case ResizeablePanelPlacement.Top:\n              nextWidth = currentSize.value + (position.y - referencePoint);\n              referencePoint = position.y;\n              break;\n\n            case ResizeablePanelPlacement.Bottom:\n              nextWidth = currentSize.value + (referencePoint - position.y);\n              referencePoint = position.y;\n              break;\n\n            case ResizeablePanelPlacement.Left:\n              nextWidth = currentSize.value + (position.x - referencePoint);\n              referencePoint = position.x;\n              break;\n\n            case ResizeablePanelPlacement.Right:\n              nextWidth = currentSize.value + (referencePoint - position.x);\n              referencePoint = position.x;\n              break;\n          }\n\n          if (nextWidth < props.minWidth) {\n            nextWidth = props.minWidth;\n          }\n\n          if (nextWidth > props.maxWidth) {\n            nextWidth = props.maxWidth;\n          }\n\n          if (nextWidth !== currentSize.value) {\n            context.emit('resize', currentSize.value = nextWidth);\n          }\n        }\n      },\n\n      onEnd: () => {\n        if (props.resizeable) {\n          document.body.style.userSelect = '';\n        }\n      },\n    });\n    // #endregion\n\n    return {\n      root,\n      resizeBar,\n\n      rootStyles,\n      contentStyles,\n      contentPlaceholderStyles,\n      resizeBarStyles,\n      collapseButtonContainerStyles,\n      toolbarStyles,\n\n      state,\n      open,\n      close,\n      toggle,\n\n      collapseButtonIcon,\n      currentDirection,\n      currentSize,\n\n      isDragging,\n    };\n  },\n});\n</script>\n"],"names":["ResizeablePanelPadding","ResizeablePanelPlacement","ResizeablePanel","ResizeablePanelPlacements","ResizeablePanelContent","ResizeablePanelContentPaddings","ResizeablePanelContentPlaceholder","ResizeablePanelContentPlaceholderPlacements","ResizeablePanelResizeBar","ResizeablePanelResizeBarPlacements","ResizeablePanelCollapseButtonContainer","ResizeablePanelCollapseButtonContainerPlacements","ResizeablePanelToolbar","ResizeablePanelToolbarPlacements","_sfc_main","defineComponent","OrIconButton","props","context","root","ref","resizeBar","rootStyles","computed","Styles.ResizeablePanel","Styles.ResizeablePanelPlacements","contentStyles","Styles.ResizeablePanelContent","Styles.ResizeablePanelContentPaddings","contentPlaceholderStyles","Styles.ResizeablePanelContentPlaceholder","Styles.ResizeablePanelContentPlaceholderPlacements","resizeBarStyles","Styles.ResizeablePanelResizeBar","Styles.ResizeablePanelResizeBarPlacements","state","collapseButtonContainerStyles","Styles.ResizeablePanelCollapseButtonContainer","Styles.ResizeablePanelCollapseButtonContainerPlacements","toolbarStyles","Styles.ResizeablePanelToolbar","Styles.ResizeablePanelToolbarPlacements","open","close","toggle","usePopoverState","toRef","collapseButtonIcon","currentDirection","currentSize","watch","value","referencePoint","isDragging","useDraggable","_position","event","position","nextWidth","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_createElementVNode","_component_OrIconButton","_createCommentVNode","_hoisted_1"],"mappings":"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"}

package/dist/esm/{OrRichTextEditor-DVGYuk8H.mjs → OrRichTextEditor-DHc5Lsyu.mjs}

@@ -18,13 +18,13 @@ import { useTheme as Rt, useResponsive as Nt } from "@onereach/ui-components-com
 import { O as Vt } from "./OrButton-C_hXddAf.mjs";
 import { O as $t } from "./OrError-B5ihH6-3.mjs";
 import { O as It } from "./OrHint-NvbZyURY.mjs";
-import { O as Et } from "./OrIconButton-xLaBANIB.mjs";
+import { O as Et } from "./OrIconButton-BlHCLpeW.mjs";
 import { O as Ft } from "./OrInputBox-6ciokFdU.mjs";
-import { O as zt } from "./OrInput-R8RdHMr_.mjs";
+import { O as zt } from "./OrInput-DBcNZlkx.mjs";
 import { O as qt } from "./OrLabel-DssheqEn.mjs";
-import { O as Tt } from "./OrMenuItem-DsXyJRTJ.mjs";
+import { O as Tt } from "./OrMenuItem-BHRMA0L1.mjs";
 import { O as Dt } from "./OrMenu-naJcjd7Z.mjs";
-import { O as Ut } from "./OrModal-DZNvZOWi.mjs";
+import { O as Ut } from "./OrModal-A9OL6kGW.mjs";
 import { O as Wt } from "./OrPopover-DbygLPtT.mjs";
 import { TextSelection as Gt, Selection as Jt } from "prosemirror-state";
 import { exitCode as jt } from "prosemirror-commands";
@@ -1049,4 +1049,4 @@ export {
   je as R,
   Ke as a
 };
-//# sourceMappingURL=OrRichTextEditor-DVGYuk8H.mjs.map
+//# sourceMappingURL=OrRichTextEditor-DHc5Lsyu.mjs.map