@onereach/ui-components 27.0.2-beta.6104.0 → 27.0.2-beta.6106.0

package/dist/esm/{OrModal-btf3bd3k.mjs.map → OrModal-D1gCHnN1.mjs.map}

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

package/dist/esm/{OrNotification-BfguyG3y.mjs → OrNotification-DObxgRie.mjs}

@@ -1,4 +1,4 @@
-import { O as p } from "./OrIconButton-BuRmTHpT.mjs";
+import { O as p } from "./OrIconButton-D1pxfMA_.mjs";
 import { O as g, I as n } from "./OrIndicator-CdMrJtoj.mjs";
 import { defineComponent as f, ref as y, computed as d, resolveComponent as m, openBlock as l, createElementBlock as h, normalizeClass as t, createElementVNode as a, createVNode as _, normalizeProps as v, guardReactiveProps as b, renderSlot as I, createTextVNode as w, toDisplayString as O, createBlock as S, withModifiers as C, createCommentVNode as N } from "vue";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -147,4 +147,4 @@ export {
   F as O,
   $ as V
 };
-//# sourceMappingURL=OrNotification-BfguyG3y.mjs.map
+//# sourceMappingURL=OrNotification-DObxgRie.mjs.map

package/dist/esm/{OrNotification-BfguyG3y.mjs.map → OrNotification-DObxgRie.mjs.map}

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

package/dist/esm/{OrPagination-ePWsnwsu.mjs → OrPagination-DRBRRL2g.mjs}

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

package/dist/esm/{OrPagination-ePWsnwsu.mjs.map → OrPagination-DRBRRL2g.mjs.map}

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

package/dist/esm/{OrPopover-DsFw4mp2.mjs → OrPopover-DDoG-KKY.mjs}

@@ -1,6 +1,6 @@
 import { computePosition as x, autoUpdate as H, offset as _, shift as tt, flip as et, hide as ot, size as nt } from "@floating-ui/dom";
 import { usePopoverState as rt, useResponsive as at, useElevation as st } from "@onereach/ui-components-common/hooks";
-import { O as lt } from "./OrBottomSheet-CALU9i4F.mjs";
+import { O as lt } from "./OrBottomSheet-DQ83BBtJ.mjs";
 import { O as it } from "./OrTeleport.vue3-C9kW_8PS.mjs";
 import { onClickOutside as ut } from "@vueuse/core";
 import { computed as l, unref as B, ref as p, shallowRef as ft, watch as P, getCurrentScope as dt, onScopeDispose as pt, shallowReadonly as b, defineComponent as mt, toRefs as ct, toRef as vt, resolveComponent as z, openBlock as C, createBlock as N, withCtx as U, withDirectives as V, createElementVNode as gt, createElementBlock as W, mergeProps as I, renderSlot as M, normalizeClass as J, vShow as L, createCommentVNode as j } from "vue";
@@ -413,4 +413,4 @@ export {
   At as i,
   Ct as s
 };
-//# sourceMappingURL=OrPopover-DsFw4mp2.mjs.map
+//# sourceMappingURL=OrPopover-DDoG-KKY.mjs.map

package/dist/esm/{OrPopover-DsFw4mp2.mjs.map → OrPopover-DDoG-KKY.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrPopover-DsFw4mp2.mjs","sources":["../../../components/or-popover-v3/src/hooks/useFloating.ts","../../../components/or-popover-v3/src/props.ts","../../../components/or-popover-v3/src/styles.ts","../../../components/or-popover-v3/src/utils/getFallbackPlacements.ts","../../../components/or-popover-v3/src/utils/isPrevented.ts","../../../components/or-popover-v3/src/utils/safeAutoUpdate.ts","../../../components/or-popover-v3/src/OrPopover.vue"],"sourcesContent":["import type { FloatingElement, MiddlewareData, ReferenceElement } from '@floating-ui/dom';\nimport { computePosition } from '@floating-ui/dom';\nimport { Ref, computed, getCurrentScope, onScopeDispose, ref, shallowReadonly, shallowRef, unref, watch } from 'vue';\nimport type { ComponentPublicInstance } from 'vue';\n\nimport type {\n  UseFloatingOptions,\n  UseFloatingReturn,\n  MaybeElement,\n} from './types';\n\n// https://github.com/floating-ui/floating-ui/blob/master/packages/vue/src/useFloating.ts\n/**\n * Computes the `x` and `y` coordinates that will place the floating element next to a reference element when it is given a certain CSS positioning strategy.\n * @param reference The reference template ref.\n * @param floating The floating template ref.\n * @param options The floating options.\n * @see https://floating-ui.com/docs/vue\n */\n\n\nfunction roundByDPR(element: Element, value: number) {\n  const dpr = getDPR(element);\n  return Math.round(value * dpr) / dpr;\n}\nfunction getDPR(element: Element): number {\n  if (typeof window === 'undefined') {\n    return 1;\n  }\n  const win = element.ownerDocument.defaultView || window;\n  return win.devicePixelRatio || 1;\n}\nfunction unwrapElement<T>(element: MaybeElement<T>) {\n  return ((element as Exclude<MaybeElement<T>, T>)?.$el ?? element) as Exclude<\n  MaybeElement<T>,\n  ComponentPublicInstance\n  >;\n}\nexport function useFloating<T extends ReferenceElement = ReferenceElement>(\n  reference: Readonly<Ref<MaybeElement<T>>>,\n  floating: Readonly<Ref<MaybeElement<FloatingElement>>>,\n  options: UseFloatingOptions<T> = {}\n): UseFloatingReturn {\n  const whileElementsMountedOption = options.whileElementsMounted;\n  const openOption = computed(() => unref(options.open) ?? true);\n  const middlewareOption = computed(() => unref(options.middleware));\n  const placementOption = computed(() => unref(options.placement) ?? 'bottom');\n  const strategyOption = computed(() => unref(options.strategy) ?? 'absolute');\n  const transformOption = computed(() => unref(options.transform) ?? true);\n  const referenceElement = computed(() => unwrapElement(reference.value));\n  const floatingElement = computed(() => unwrapElement(floating.value));\n  const x = ref(0);\n  const y = ref(0);\n  const strategy = ref(strategyOption.value);\n  const placement = ref(placementOption.value);\n  const middlewareData = shallowRef<MiddlewareData>({});\n  const isPositioned = ref(false);\n  const floatingStyles = computed(() => {\n    const initialStyles = {\n      position: strategy.value,\n      left: '0',\n      top: '0',\n    };\n\n    if (!floatingElement.value) {\n      return initialStyles;\n    }\n\n    const xVal = roundByDPR(floatingElement.value, x.value);\n    const yVal = roundByDPR(floatingElement.value, y.value);\n\n    if (transformOption.value) {\n      return {\n        ...initialStyles,\n        transform: `translate(${xVal}px, ${yVal}px)`,\n        ...(getDPR(floatingElement.value) >= 1.5 && { willChange: 'transform' }),\n      };\n    }\n\n    return {\n      position: strategy.value,\n      left: `${xVal}px`,\n      top: `${yVal}px`,\n    };\n  });\n\n  let whileElementsMountedCleanup: (() => void) | undefined;\n\n  function update() {\n    if (referenceElement.value == null || floatingElement.value == null) {\n      return;\n    }\n\n    computePosition(referenceElement.value, floatingElement.value, {\n      middleware: middlewareOption.value,\n      placement: placementOption.value,\n      strategy: strategyOption.value,\n    }).then((position) => {\n      x.value = position.x;\n      y.value = position.y;\n      strategy.value = position.strategy;\n      placement.value = position.placement;\n      middlewareData.value = position.middlewareData;\n      isPositioned.value = true;\n    });\n  }\n\n  function cleanup() {\n    if (typeof whileElementsMountedCleanup === 'function') {\n      whileElementsMountedCleanup();\n      whileElementsMountedCleanup = undefined;\n    }\n  }\n\n  function attach() {\n    cleanup();\n\n    if (whileElementsMountedOption === undefined) {\n      update();\n      return;\n    }\n\n    if (referenceElement.value != null && floatingElement.value != null) {\n      whileElementsMountedCleanup = whileElementsMountedOption(\n        referenceElement.value,\n        floatingElement.value,\n        update\n      );\n      return;\n    }\n  }\n\n  function reset() {\n    if (!openOption.value) {\n      isPositioned.value = false;\n    }\n  }\n\n  watch([middlewareOption, placementOption, strategyOption], update, {\n    flush: 'sync',\n  });\n  watch([referenceElement, floatingElement], attach, { flush: 'sync' });\n  watch(openOption, reset, { flush: 'sync' });\n\n  if (getCurrentScope()) {\n    onScopeDispose(cleanup);\n  }\n\n  return {\n    x: shallowReadonly(x),\n    y: shallowReadonly(y),\n    strategy: shallowReadonly(strategy),\n    placement: shallowReadonly(placement),\n    middlewareData: shallowReadonly(middlewareData),\n    isPositioned: shallowReadonly(isPositioned),\n    floatingStyles,\n    update,\n  };\n}\n","import { offset } from '@floating-ui/dom';\n\nexport enum PopoverVariant {\n  Auto = 'auto',\n  Popover = 'popover',\n  BottomSheet = 'bottom-sheet',\n}\n\nexport enum PopoverPlacement {\n  Top = 'top',\n  TopStart = 'top-start',\n  TopEnd = 'top-end',\n  Bottom = 'bottom',\n  BottomStart = 'bottom-start',\n  BottomEnd = 'bottom-end',\n  Left = 'left',\n  LeftStart = 'left-start',\n  LeftEnd = 'left-end',\n  Right = 'right',\n  RightStart = 'right-start',\n  RightEnd = 'right-end',\n}\n\nexport type PopoverOffset = NonNullable<Parameters<typeof offset>[0]>;\n","import { PopoverPlacement } from './props';\n\nexport const Popover: string[] = [\n  // Position\n  'absolute',\n];\n\nexport const PopoverBody: string[] = [\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'mx-sm',\n  'my-sm',\n\n  // Elevation\n  'shadow-contextual',\n  'dark:shadow-contextual-dark',\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 PopoverBodyPlacements: Record<PopoverPlacement, string[]> = {\n  [PopoverPlacement.Top]: [\n    // Spacing\n    'mb-0',\n  ],\n\n  [PopoverPlacement.TopStart]: [\n    // Spacing\n    'mb-0',\n    'ml-0',\n  ],\n\n  [PopoverPlacement.TopEnd]: [\n    // Spacing\n    'mb-0',\n    'mr-0',\n  ],\n\n  [PopoverPlacement.Bottom]: [\n    // Spacing\n    'mt-0',\n  ],\n\n  [PopoverPlacement.BottomStart]: [\n    // Spacing\n    'mt-0',\n    'ml-0',\n  ],\n\n  [PopoverPlacement.BottomEnd]: [\n    // Spacing\n    'mt-0',\n    'mr-0',\n  ],\n\n  [PopoverPlacement.Left]: [\n    // Spacing\n    'mr-0',\n  ],\n\n  [PopoverPlacement.LeftStart]: [\n    // Spacing\n    'mr-0',\n    'mt-0',\n  ],\n\n  [PopoverPlacement.LeftEnd]: [\n    // Spacing\n    'mr-0',\n    'mb-0',\n  ],\n\n  [PopoverPlacement.Right]: [\n    // Spacing\n    'ml-0',\n  ],\n\n  [PopoverPlacement.RightStart]: [\n    // Spacing\n    'ml-0',\n    'mt-0',\n  ],\n\n  [PopoverPlacement.RightEnd]: [\n    // Spacing\n    'ml-0',\n    'mb-0',\n  ],\n};\n","import { FlipOptions, Placement } from '@floating-ui/dom';\n\nconst oppositeSide: Record<string, string> = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n};\n\nconst oppositeAlignment: Record<string, string> = {\n  start: 'end',\n  end: 'start',\n};\n\nfunction getSide(placement: Placement): string {\n  return placement.split('-')[0];\n}\n\nfunction getAlignment(placement: Placement): string | undefined {\n  return placement.split('-')[1];\n}\n\nfunction getOppositePlacement(placement: Placement): Placement {\n  const side = getSide(placement);\n  return placement.replace(side, oppositeSide[side]) as Placement;\n}\n\nfunction getOppositeAlignmentPlacement(placement: Placement): Placement {\n  const alignment = getAlignment(placement);\n  return alignment ? placement.replace(alignment, oppositeAlignment[alignment]) as Placement : placement;\n}\n\nfunction getExpandedPlacements(placement: Placement): Placement[] {\n  const oppositePlacement = getOppositePlacement(placement);\n\n  return [\n    getOppositeAlignmentPlacement(placement),\n    oppositePlacement,\n    getOppositeAlignmentPlacement(oppositePlacement),\n  ];\n}\n\nfunction getOppositeAxisSides(placement: Placement, direction: FlipOptions['fallbackAxisSideDirection']): string[] {\n  const isStart = direction === 'start';\n\n  switch (getSide(placement)) {\n    case 'top':\n    case 'bottom':\n      return isStart ? ['left', 'right'] : ['right', 'left'];\n    case 'left':\n    case 'right':\n      return isStart ? ['top', 'bottom'] : ['bottom', 'top'];\n    default:\n      return [];\n  }\n}\n\nexport function getFallbackPlacements(placement: Placement, direction: FlipOptions['fallbackAxisSideDirection']): Placement[] {\n  const alignment = getAlignment(placement);\n  const fallbackPlacements = alignment ? getExpandedPlacements(placement) : [getOppositePlacement(placement)];\n\n  if (direction === 'none') {\n    return fallbackPlacements;\n  }\n\n  let oppositeAxisPlacements = getOppositeAxisSides(placement, direction) as Placement[];\n\n  if (alignment) {\n    oppositeAxisPlacements = oppositeAxisPlacements.map(side => `${side}-${alignment}` as Placement);\n    oppositeAxisPlacements = [\n      ...oppositeAxisPlacements,\n      ...oppositeAxisPlacements.map(getOppositeAlignmentPlacement),\n    ];\n  }\n\n  return [\n    ...fallbackPlacements,\n    ...oppositeAxisPlacements,\n  ];\n}\n","import { isAncestor } from '@onereach/ui-components-common/utils';\n\nexport function isPrevented(path: Element[], trigger: Element): boolean {\n  return path.some((element) => {\n    const { classList } = element;\n\n    if (!isAncestor(element, trigger)) {\n      if (classList?.contains('or-popover-v3')) {\n        return true;\n      }\n\n      if (classList?.contains('or-bottom-sheet-v3')) {\n        return true;\n      }\n\n      if (classList?.contains('or-confirm-v3')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n","import { autoUpdate, type AutoUpdateOptions } from '@floating-ui/dom';\n\n/**\n * True when this document runs in a cross-origin iframe.\n * Parent `window` access throws or is blocked (Safari logs SecurityError for frameElement).\n */\nexport function isCrossOriginIframe(): boolean {\n  if (typeof window === 'undefined' || window.self === window.top) {\n    return false;\n  }\n\n  try {\n    return !window.parent || !Object.getPrototypeOf(window.parent);\n  } catch {\n    return true;\n  }\n}\n\ntype AutoUpdateFn = typeof autoUpdate;\n\n/**\n * Wrapper around Floating UI `autoUpdate` for embedded apps.\n * Disables ancestor scroll/resize tracking in cross-origin iframes where Floating UI\n * cannot safely traverse into the parent frame.\n */\nexport const safeAutoUpdate: AutoUpdateFn = (reference, floating, update, options: AutoUpdateOptions = {}) => {\n  if (isCrossOriginIframe()) {\n    return autoUpdate(reference, floating, update, {\n      ...options,\n      ancestorScroll: false,\n      ancestorResize: false,\n    });\n  }\n\n  return autoUpdate(reference, floating, update, options);\n};\n","<template>\n  <OrTeleport v-if=\"keepAlive || state === 'open'\">\n    <div\n      v-show=\"state === 'open'\"\n      :ref=\"'containerRoot'\"\n      :class=\"['contents']\"\n    >\n      <template v-if=\"isDesktop && variant === 'auto' || variant === 'popover'\">\n        <div\n          v-show=\"!isHidden\"\n          v-bind=\"$attrs\"\n          :ref=\"'root'\"\n          :class=\"rootStyles\"\n          :style=\"floatingStyles\"\n        >\n          <template v-if=\"disableDefaultStyles\">\n            <slot />\n          </template>\n\n          <template v-else>\n            <div :class=\"bodyStyles\">\n              <slot />\n            </div>\n          </template>\n        </div>\n      </template>\n\n      <template v-if=\"isMobile && variant === 'auto' || variant === 'bottom-sheet'\">\n        <OrBottomSheet\n          :ref=\"'bottomSheet'\"\n          v-bind=\"bottomSheetProps\"\n          :is-open=\"state === 'open'\"\n          @update:state=\"$event === 'open' ? open() : close()\"\n        >\n          <slot />\n        </OrBottomSheet>\n      </template>\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { FlipOptions, HideOptions, ReferenceElement, flip, hide, offset as offsetMiddleware, shift, size } from '@floating-ui/dom';\nimport { useElevation, usePopoverState, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrBottomSheetV3 as OrBottomSheet } from '@onereach/ui-components.or-bottom-sheet-v3';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport { MaybeElementRef, onClickOutside } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, toRefs } from 'vue';\n\nimport { useFloating } from './hooks/useFloating';\nimport { PopoverOffset, PopoverPlacement, PopoverVariant } from './props';\nimport { Popover, PopoverBody, PopoverBodyPlacements } from './styles';\nimport { getFallbackPlacements, isPrevented, safeAutoUpdate } from './utils';\n\nexport default defineComponent({\n  name: 'OrPopover',\n\n  components: {\n    OrBottomSheet,\n    OrTeleport,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    // @workaround for Vue 2\n    customStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    variant: {\n      type: String as PropType<`${PopoverVariant}`>,\n      default: () => PopoverVariant.Auto,\n    },\n\n    bottomSheetProps: {\n      type: Object as PropType<InstanceType<typeof OrBottomSheet>['$props']>,\n      default: undefined,\n    },\n\n    trigger: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.Bottom,\n    },\n\n    fallbackPlacement: {\n      type: String as PropType<FlipOptions['fallbackAxisSideDirection']>,\n      default: 'end',\n    },\n\n    hideOptions: {\n      type: Object as PropType<HideOptions>,\n      default: undefined,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n\n    fullWidth: {\n      type: Boolean,\n      default: false,\n    },\n\n    disableDefaultStyles: {\n      type: Boolean,\n      default: false,\n    },\n\n    keepAlive: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n    'containerRoot',\n\n    'state',\n\n    'isFlipped',\n    'isHidden',\n\n    'open',\n    'close',\n    'toggle',\n\n    'bottomSheet',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const containerRoot = ref<HTMLElement>();\n\n    const bottomSheet = ref<InstanceType<typeof OrBottomSheet>>();\n    const bottomSheetRoot = computed(() => bottomSheet.value?.root);\n\n    const { trigger, placement, offset, fullWidth, hideOptions } = toRefs(props);\n\n    const isFlipped = computed(() => computedPlacement.value !== placement.value);\n    const isHidden = computed(() => Boolean(middlewareData.value.hide?.referenceHidden));\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-popover-v3',\n      ...Popover,\n      ...'class' in context.attrs ? [] : props.customStyles,\n    ]);\n\n    const bodyStyles = computed(() => [\n      ...PopoverBody,\n      ...PopoverBodyPlacements[computedPlacement.value],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    const { floatingStyles, middlewareData, placement: computedPlacement } = useFloating(trigger, root, {\n      placement,\n\n      middleware: [\n        offsetMiddleware(offset.value),\n        shift(),\n        flip(() => ({\n          fallbackPlacements: getFallbackPlacements(placement.value, props.fallbackPlacement),\n        })),\n        hide(hideOptions.value),\n\n        size({\n          apply({ rects, elements }) {\n            if (fullWidth.value) {\n              Object.assign(elements.floating.style, {\n                width: `${rects.reference.width}px`,\n              });\n            }\n          },\n        }),\n      ],\n\n      whileElementsMounted(...args) {\n        return safeAutoUpdate(...args, { animationFrame: true });\n      },\n    });\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive(containerRoot);\n\n    // #region Elevation\n    useElevation(root, state);\n    // #endregion\n\n    // #region Click Outside\n    onClickOutside(root, (event) => {\n      if (state.value === 'open' && !isPrevented(event.composedPath() as Element[], props.trigger as Element)) {\n        close();\n      }\n    }, {\n      ignore: [trigger as MaybeElementRef],\n    });\n    // #endregion\n\n    return {\n      root,\n      containerRoot,\n      bottomSheet,\n      bottomSheetRoot,\n      rootStyles,\n      bodyStyles,\n      floatingStyles,\n      state,\n      isFlipped,\n      isHidden,\n      isDesktop,\n      isMobile,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n"],"names":["roundByDPR","element","value","dpr","getDPR","unwrapElement","useFloating","reference","floating","options","whileElementsMountedOption","openOption","computed","unref","middlewareOption","placementOption","strategyOption","transformOption","referenceElement","floatingElement","x","ref","y","strategy","placement","middlewareData","shallowRef","isPositioned","floatingStyles","initialStyles","xVal","yVal","whileElementsMountedCleanup","update","computePosition","position","cleanup","attach","reset","watch","getCurrentScope","onScopeDispose","shallowReadonly","PopoverVariant","PopoverPlacement","Popover","PopoverBody","PopoverBodyPlacements","oppositeSide","oppositeAlignment","getSide","getAlignment","getOppositePlacement","side","getOppositeAlignmentPlacement","alignment","getExpandedPlacements","oppositePlacement","getOppositeAxisSides","direction","isStart","getFallbackPlacements","fallbackPlacements","oppositeAxisPlacements","isPrevented","path","trigger","classList","isAncestor","isCrossOriginIframe","safeAutoUpdate","autoUpdate","_sfc_main","defineComponent","OrBottomSheet","OrTeleport","props","context","root","containerRoot","bottomSheet","bottomSheetRoot","_a","offset","fullWidth","hideOptions","toRefs","isFlipped","computedPlacement","isHidden","rootStyles","bodyStyles","state","open","close","toggle","usePopoverState","toRef","offsetMiddleware","shift","flip","hide","size","rects","elements","args","isDesktop","isMobile","useResponsive","useElevation","onClickOutside","event","_hoisted_1","_resolveComponent","_ctx","_openBlock","_createBlock","_component_OrTeleport","_withCtx","_withDirectives","_createElementVNode","_createElementBlock","_mergeProps","_renderSlot","_normalizeClass","_createCommentVNode","_component_OrBottomSheet","_cache","$event"],"mappings":"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"}
+{"version":3,"file":"OrPopover-DDoG-KKY.mjs","sources":["../../../components/or-popover-v3/src/hooks/useFloating.ts","../../../components/or-popover-v3/src/props.ts","../../../components/or-popover-v3/src/styles.ts","../../../components/or-popover-v3/src/utils/getFallbackPlacements.ts","../../../components/or-popover-v3/src/utils/isPrevented.ts","../../../components/or-popover-v3/src/utils/safeAutoUpdate.ts","../../../components/or-popover-v3/src/OrPopover.vue"],"sourcesContent":["import type { FloatingElement, MiddlewareData, ReferenceElement } from '@floating-ui/dom';\nimport { computePosition } from '@floating-ui/dom';\nimport { Ref, computed, getCurrentScope, onScopeDispose, ref, shallowReadonly, shallowRef, unref, watch } from 'vue';\nimport type { ComponentPublicInstance } from 'vue';\n\nimport type {\n  UseFloatingOptions,\n  UseFloatingReturn,\n  MaybeElement,\n} from './types';\n\n// https://github.com/floating-ui/floating-ui/blob/master/packages/vue/src/useFloating.ts\n/**\n * Computes the `x` and `y` coordinates that will place the floating element next to a reference element when it is given a certain CSS positioning strategy.\n * @param reference The reference template ref.\n * @param floating The floating template ref.\n * @param options The floating options.\n * @see https://floating-ui.com/docs/vue\n */\n\n\nfunction roundByDPR(element: Element, value: number) {\n  const dpr = getDPR(element);\n  return Math.round(value * dpr) / dpr;\n}\nfunction getDPR(element: Element): number {\n  if (typeof window === 'undefined') {\n    return 1;\n  }\n  const win = element.ownerDocument.defaultView || window;\n  return win.devicePixelRatio || 1;\n}\nfunction unwrapElement<T>(element: MaybeElement<T>) {\n  return ((element as Exclude<MaybeElement<T>, T>)?.$el ?? element) as Exclude<\n  MaybeElement<T>,\n  ComponentPublicInstance\n  >;\n}\nexport function useFloating<T extends ReferenceElement = ReferenceElement>(\n  reference: Readonly<Ref<MaybeElement<T>>>,\n  floating: Readonly<Ref<MaybeElement<FloatingElement>>>,\n  options: UseFloatingOptions<T> = {}\n): UseFloatingReturn {\n  const whileElementsMountedOption = options.whileElementsMounted;\n  const openOption = computed(() => unref(options.open) ?? true);\n  const middlewareOption = computed(() => unref(options.middleware));\n  const placementOption = computed(() => unref(options.placement) ?? 'bottom');\n  const strategyOption = computed(() => unref(options.strategy) ?? 'absolute');\n  const transformOption = computed(() => unref(options.transform) ?? true);\n  const referenceElement = computed(() => unwrapElement(reference.value));\n  const floatingElement = computed(() => unwrapElement(floating.value));\n  const x = ref(0);\n  const y = ref(0);\n  const strategy = ref(strategyOption.value);\n  const placement = ref(placementOption.value);\n  const middlewareData = shallowRef<MiddlewareData>({});\n  const isPositioned = ref(false);\n  const floatingStyles = computed(() => {\n    const initialStyles = {\n      position: strategy.value,\n      left: '0',\n      top: '0',\n    };\n\n    if (!floatingElement.value) {\n      return initialStyles;\n    }\n\n    const xVal = roundByDPR(floatingElement.value, x.value);\n    const yVal = roundByDPR(floatingElement.value, y.value);\n\n    if (transformOption.value) {\n      return {\n        ...initialStyles,\n        transform: `translate(${xVal}px, ${yVal}px)`,\n        ...(getDPR(floatingElement.value) >= 1.5 && { willChange: 'transform' }),\n      };\n    }\n\n    return {\n      position: strategy.value,\n      left: `${xVal}px`,\n      top: `${yVal}px`,\n    };\n  });\n\n  let whileElementsMountedCleanup: (() => void) | undefined;\n\n  function update() {\n    if (referenceElement.value == null || floatingElement.value == null) {\n      return;\n    }\n\n    computePosition(referenceElement.value, floatingElement.value, {\n      middleware: middlewareOption.value,\n      placement: placementOption.value,\n      strategy: strategyOption.value,\n    }).then((position) => {\n      x.value = position.x;\n      y.value = position.y;\n      strategy.value = position.strategy;\n      placement.value = position.placement;\n      middlewareData.value = position.middlewareData;\n      isPositioned.value = true;\n    });\n  }\n\n  function cleanup() {\n    if (typeof whileElementsMountedCleanup === 'function') {\n      whileElementsMountedCleanup();\n      whileElementsMountedCleanup = undefined;\n    }\n  }\n\n  function attach() {\n    cleanup();\n\n    if (whileElementsMountedOption === undefined) {\n      update();\n      return;\n    }\n\n    if (referenceElement.value != null && floatingElement.value != null) {\n      whileElementsMountedCleanup = whileElementsMountedOption(\n        referenceElement.value,\n        floatingElement.value,\n        update\n      );\n      return;\n    }\n  }\n\n  function reset() {\n    if (!openOption.value) {\n      isPositioned.value = false;\n    }\n  }\n\n  watch([middlewareOption, placementOption, strategyOption], update, {\n    flush: 'sync',\n  });\n  watch([referenceElement, floatingElement], attach, { flush: 'sync' });\n  watch(openOption, reset, { flush: 'sync' });\n\n  if (getCurrentScope()) {\n    onScopeDispose(cleanup);\n  }\n\n  return {\n    x: shallowReadonly(x),\n    y: shallowReadonly(y),\n    strategy: shallowReadonly(strategy),\n    placement: shallowReadonly(placement),\n    middlewareData: shallowReadonly(middlewareData),\n    isPositioned: shallowReadonly(isPositioned),\n    floatingStyles,\n    update,\n  };\n}\n","import { offset } from '@floating-ui/dom';\n\nexport enum PopoverVariant {\n  Auto = 'auto',\n  Popover = 'popover',\n  BottomSheet = 'bottom-sheet',\n}\n\nexport enum PopoverPlacement {\n  Top = 'top',\n  TopStart = 'top-start',\n  TopEnd = 'top-end',\n  Bottom = 'bottom',\n  BottomStart = 'bottom-start',\n  BottomEnd = 'bottom-end',\n  Left = 'left',\n  LeftStart = 'left-start',\n  LeftEnd = 'left-end',\n  Right = 'right',\n  RightStart = 'right-start',\n  RightEnd = 'right-end',\n}\n\nexport type PopoverOffset = NonNullable<Parameters<typeof offset>[0]>;\n","import { PopoverPlacement } from './props';\n\nexport const Popover: string[] = [\n  // Position\n  'absolute',\n];\n\nexport const PopoverBody: string[] = [\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'mx-sm',\n  'my-sm',\n\n  // Elevation\n  'shadow-contextual',\n  'dark:shadow-contextual-dark',\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 PopoverBodyPlacements: Record<PopoverPlacement, string[]> = {\n  [PopoverPlacement.Top]: [\n    // Spacing\n    'mb-0',\n  ],\n\n  [PopoverPlacement.TopStart]: [\n    // Spacing\n    'mb-0',\n    'ml-0',\n  ],\n\n  [PopoverPlacement.TopEnd]: [\n    // Spacing\n    'mb-0',\n    'mr-0',\n  ],\n\n  [PopoverPlacement.Bottom]: [\n    // Spacing\n    'mt-0',\n  ],\n\n  [PopoverPlacement.BottomStart]: [\n    // Spacing\n    'mt-0',\n    'ml-0',\n  ],\n\n  [PopoverPlacement.BottomEnd]: [\n    // Spacing\n    'mt-0',\n    'mr-0',\n  ],\n\n  [PopoverPlacement.Left]: [\n    // Spacing\n    'mr-0',\n  ],\n\n  [PopoverPlacement.LeftStart]: [\n    // Spacing\n    'mr-0',\n    'mt-0',\n  ],\n\n  [PopoverPlacement.LeftEnd]: [\n    // Spacing\n    'mr-0',\n    'mb-0',\n  ],\n\n  [PopoverPlacement.Right]: [\n    // Spacing\n    'ml-0',\n  ],\n\n  [PopoverPlacement.RightStart]: [\n    // Spacing\n    'ml-0',\n    'mt-0',\n  ],\n\n  [PopoverPlacement.RightEnd]: [\n    // Spacing\n    'ml-0',\n    'mb-0',\n  ],\n};\n","import { FlipOptions, Placement } from '@floating-ui/dom';\n\nconst oppositeSide: Record<string, string> = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n};\n\nconst oppositeAlignment: Record<string, string> = {\n  start: 'end',\n  end: 'start',\n};\n\nfunction getSide(placement: Placement): string {\n  return placement.split('-')[0];\n}\n\nfunction getAlignment(placement: Placement): string | undefined {\n  return placement.split('-')[1];\n}\n\nfunction getOppositePlacement(placement: Placement): Placement {\n  const side = getSide(placement);\n  return placement.replace(side, oppositeSide[side]) as Placement;\n}\n\nfunction getOppositeAlignmentPlacement(placement: Placement): Placement {\n  const alignment = getAlignment(placement);\n  return alignment ? placement.replace(alignment, oppositeAlignment[alignment]) as Placement : placement;\n}\n\nfunction getExpandedPlacements(placement: Placement): Placement[] {\n  const oppositePlacement = getOppositePlacement(placement);\n\n  return [\n    getOppositeAlignmentPlacement(placement),\n    oppositePlacement,\n    getOppositeAlignmentPlacement(oppositePlacement),\n  ];\n}\n\nfunction getOppositeAxisSides(placement: Placement, direction: FlipOptions['fallbackAxisSideDirection']): string[] {\n  const isStart = direction === 'start';\n\n  switch (getSide(placement)) {\n    case 'top':\n    case 'bottom':\n      return isStart ? ['left', 'right'] : ['right', 'left'];\n    case 'left':\n    case 'right':\n      return isStart ? ['top', 'bottom'] : ['bottom', 'top'];\n    default:\n      return [];\n  }\n}\n\nexport function getFallbackPlacements(placement: Placement, direction: FlipOptions['fallbackAxisSideDirection']): Placement[] {\n  const alignment = getAlignment(placement);\n  const fallbackPlacements = alignment ? getExpandedPlacements(placement) : [getOppositePlacement(placement)];\n\n  if (direction === 'none') {\n    return fallbackPlacements;\n  }\n\n  let oppositeAxisPlacements = getOppositeAxisSides(placement, direction) as Placement[];\n\n  if (alignment) {\n    oppositeAxisPlacements = oppositeAxisPlacements.map(side => `${side}-${alignment}` as Placement);\n    oppositeAxisPlacements = [\n      ...oppositeAxisPlacements,\n      ...oppositeAxisPlacements.map(getOppositeAlignmentPlacement),\n    ];\n  }\n\n  return [\n    ...fallbackPlacements,\n    ...oppositeAxisPlacements,\n  ];\n}\n","import { isAncestor } from '@onereach/ui-components-common/utils';\n\nexport function isPrevented(path: Element[], trigger: Element): boolean {\n  return path.some((element) => {\n    const { classList } = element;\n\n    if (!isAncestor(element, trigger)) {\n      if (classList?.contains('or-popover-v3')) {\n        return true;\n      }\n\n      if (classList?.contains('or-bottom-sheet-v3')) {\n        return true;\n      }\n\n      if (classList?.contains('or-confirm-v3')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n","import { autoUpdate, type AutoUpdateOptions } from '@floating-ui/dom';\n\n/**\n * True when this document runs in a cross-origin iframe.\n * Parent `window` access throws or is blocked (Safari logs SecurityError for frameElement).\n */\nexport function isCrossOriginIframe(): boolean {\n  if (typeof window === 'undefined' || window.self === window.top) {\n    return false;\n  }\n\n  try {\n    return !window.parent || !Object.getPrototypeOf(window.parent);\n  } catch {\n    return true;\n  }\n}\n\ntype AutoUpdateFn = typeof autoUpdate;\n\n/**\n * Wrapper around Floating UI `autoUpdate` for embedded apps.\n * Disables ancestor scroll/resize tracking in cross-origin iframes where Floating UI\n * cannot safely traverse into the parent frame.\n */\nexport const safeAutoUpdate: AutoUpdateFn = (reference, floating, update, options: AutoUpdateOptions = {}) => {\n  if (isCrossOriginIframe()) {\n    return autoUpdate(reference, floating, update, {\n      ...options,\n      ancestorScroll: false,\n      ancestorResize: false,\n    });\n  }\n\n  return autoUpdate(reference, floating, update, options);\n};\n","<template>\n  <OrTeleport v-if=\"keepAlive || state === 'open'\">\n    <div\n      v-show=\"state === 'open'\"\n      :ref=\"'containerRoot'\"\n      :class=\"['contents']\"\n    >\n      <template v-if=\"isDesktop && variant === 'auto' || variant === 'popover'\">\n        <div\n          v-show=\"!isHidden\"\n          v-bind=\"$attrs\"\n          :ref=\"'root'\"\n          :class=\"rootStyles\"\n          :style=\"floatingStyles\"\n        >\n          <template v-if=\"disableDefaultStyles\">\n            <slot />\n          </template>\n\n          <template v-else>\n            <div :class=\"bodyStyles\">\n              <slot />\n            </div>\n          </template>\n        </div>\n      </template>\n\n      <template v-if=\"isMobile && variant === 'auto' || variant === 'bottom-sheet'\">\n        <OrBottomSheet\n          :ref=\"'bottomSheet'\"\n          v-bind=\"bottomSheetProps\"\n          :is-open=\"state === 'open'\"\n          @update:state=\"$event === 'open' ? open() : close()\"\n        >\n          <slot />\n        </OrBottomSheet>\n      </template>\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { FlipOptions, HideOptions, ReferenceElement, flip, hide, offset as offsetMiddleware, shift, size } from '@floating-ui/dom';\nimport { useElevation, usePopoverState, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrBottomSheetV3 as OrBottomSheet } from '@onereach/ui-components.or-bottom-sheet-v3';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport { MaybeElementRef, onClickOutside } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, toRefs } from 'vue';\n\nimport { useFloating } from './hooks/useFloating';\nimport { PopoverOffset, PopoverPlacement, PopoverVariant } from './props';\nimport { Popover, PopoverBody, PopoverBodyPlacements } from './styles';\nimport { getFallbackPlacements, isPrevented, safeAutoUpdate } from './utils';\n\nexport default defineComponent({\n  name: 'OrPopover',\n\n  components: {\n    OrBottomSheet,\n    OrTeleport,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    // @workaround for Vue 2\n    customStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    variant: {\n      type: String as PropType<`${PopoverVariant}`>,\n      default: () => PopoverVariant.Auto,\n    },\n\n    bottomSheetProps: {\n      type: Object as PropType<InstanceType<typeof OrBottomSheet>['$props']>,\n      default: undefined,\n    },\n\n    trigger: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.Bottom,\n    },\n\n    fallbackPlacement: {\n      type: String as PropType<FlipOptions['fallbackAxisSideDirection']>,\n      default: 'end',\n    },\n\n    hideOptions: {\n      type: Object as PropType<HideOptions>,\n      default: undefined,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n\n    fullWidth: {\n      type: Boolean,\n      default: false,\n    },\n\n    disableDefaultStyles: {\n      type: Boolean,\n      default: false,\n    },\n\n    keepAlive: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n    'containerRoot',\n\n    'state',\n\n    'isFlipped',\n    'isHidden',\n\n    'open',\n    'close',\n    'toggle',\n\n    'bottomSheet',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const containerRoot = ref<HTMLElement>();\n\n    const bottomSheet = ref<InstanceType<typeof OrBottomSheet>>();\n    const bottomSheetRoot = computed(() => bottomSheet.value?.root);\n\n    const { trigger, placement, offset, fullWidth, hideOptions } = toRefs(props);\n\n    const isFlipped = computed(() => computedPlacement.value !== placement.value);\n    const isHidden = computed(() => Boolean(middlewareData.value.hide?.referenceHidden));\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-popover-v3',\n      ...Popover,\n      ...'class' in context.attrs ? [] : props.customStyles,\n    ]);\n\n    const bodyStyles = computed(() => [\n      ...PopoverBody,\n      ...PopoverBodyPlacements[computedPlacement.value],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    const { floatingStyles, middlewareData, placement: computedPlacement } = useFloating(trigger, root, {\n      placement,\n\n      middleware: [\n        offsetMiddleware(offset.value),\n        shift(),\n        flip(() => ({\n          fallbackPlacements: getFallbackPlacements(placement.value, props.fallbackPlacement),\n        })),\n        hide(hideOptions.value),\n\n        size({\n          apply({ rects, elements }) {\n            if (fullWidth.value) {\n              Object.assign(elements.floating.style, {\n                width: `${rects.reference.width}px`,\n              });\n            }\n          },\n        }),\n      ],\n\n      whileElementsMounted(...args) {\n        return safeAutoUpdate(...args, { animationFrame: true });\n      },\n    });\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive(containerRoot);\n\n    // #region Elevation\n    useElevation(root, state);\n    // #endregion\n\n    // #region Click Outside\n    onClickOutside(root, (event) => {\n      if (state.value === 'open' && !isPrevented(event.composedPath() as Element[], props.trigger as Element)) {\n        close();\n      }\n    }, {\n      ignore: [trigger as MaybeElementRef],\n    });\n    // #endregion\n\n    return {\n      root,\n      containerRoot,\n      bottomSheet,\n      bottomSheetRoot,\n      rootStyles,\n      bodyStyles,\n      floatingStyles,\n      state,\n      isFlipped,\n      isHidden,\n      isDesktop,\n      isMobile,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n"],"names":["roundByDPR","element","value","dpr","getDPR","unwrapElement","useFloating","reference","floating","options","whileElementsMountedOption","openOption","computed","unref","middlewareOption","placementOption","strategyOption","transformOption","referenceElement","floatingElement","x","ref","y","strategy","placement","middlewareData","shallowRef","isPositioned","floatingStyles","initialStyles","xVal","yVal","whileElementsMountedCleanup","update","computePosition","position","cleanup","attach","reset","watch","getCurrentScope","onScopeDispose","shallowReadonly","PopoverVariant","PopoverPlacement","Popover","PopoverBody","PopoverBodyPlacements","oppositeSide","oppositeAlignment","getSide","getAlignment","getOppositePlacement","side","getOppositeAlignmentPlacement","alignment","getExpandedPlacements","oppositePlacement","getOppositeAxisSides","direction","isStart","getFallbackPlacements","fallbackPlacements","oppositeAxisPlacements","isPrevented","path","trigger","classList","isAncestor","isCrossOriginIframe","safeAutoUpdate","autoUpdate","_sfc_main","defineComponent","OrBottomSheet","OrTeleport","props","context","root","containerRoot","bottomSheet","bottomSheetRoot","_a","offset","fullWidth","hideOptions","toRefs","isFlipped","computedPlacement","isHidden","rootStyles","bodyStyles","state","open","close","toggle","usePopoverState","toRef","offsetMiddleware","shift","flip","hide","size","rects","elements","args","isDesktop","isMobile","useResponsive","useElevation","onClickOutside","event","_hoisted_1","_resolveComponent","_ctx","_openBlock","_createBlock","_component_OrTeleport","_withCtx","_withDirectives","_createElementVNode","_createElementBlock","_mergeProps","_renderSlot","_normalizeClass","_createCommentVNode","_component_OrBottomSheet","_cache","$event"],"mappings":"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"}

package/dist/esm/{OrRadio-DdFBJaoq.mjs → OrRadio-BZN3fBLW.mjs}

@@ -45,19 +45,19 @@ const T = [
   "read-only:interactivity-none"
 ], z = [
   // Box (children)
-  "after:w-sm md:after:w-xs",
-  "after:h-sm md:after:h-xs",
+  "after:w-sm after:md:w-xs",
+  "after:h-sm after:md:h-xs",
   // Shape (children)
   "after:rounded-full",
   // Theme (checked / children)
-  "checked:after:bg-on-primary",
-  "dark:checked:after:bg-on-primary-dark",
+  "after:checked:bg-on-primary",
+  "dark:after:checked:bg-on-primary-dark",
   // Theme (checked + disabled / children)
-  "disabled:checked:after:bg-on-disabled",
-  "dark:disabled:checked:after:bg-on-disabled-dark",
+  "after:disabled:checked:bg-on-disabled",
+  "dark:after:disabled:checked:bg-on-disabled-dark",
   // Theme (checked + read-only / children)
-  "checked:read-only:after:bg-outline",
-  "dark:checked:read-only:after:bg-outline-dark"
+  "after:checked:read-only:bg-outline",
+  "dark:after:checked:read-only:bg-outline-dark"
 ], D = $({
   name: "OrRadio",
   components: {
@@ -189,4 +189,4 @@ const Q = /* @__PURE__ */ P(D, [["render", H], ["__scopeId", "data-v-2e8eb50d"]]
 export {
   Q as O
 };
-//# sourceMappingURL=OrRadio-DdFBJaoq.mjs.map
+//# sourceMappingURL=OrRadio-BZN3fBLW.mjs.map

package/dist/esm/{OrRadio-DdFBJaoq.mjs.map → OrRadio-BZN3fBLW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrRadio-DdFBJaoq.mjs","sources":["../../../components/or-radio-v3/src/styles.ts","../../../components/or-radio-v3/src/OrRadio.vue"],"sourcesContent":["export const Radio: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-[10px] md:gap-sm',\n  'p-sm pl-[10px] md:p-none md:pl-none',\n];\n\nexport const RadioControl: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'w-md+ md:w-md',\n  'h-md+ md:h-md',\n\n  // Theme\n  'theme-preset-3-primary',\n  'dark:theme-preset-3-primary-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-border-outline border-1',\n  'dark:theme-border-outline-dark',\n\n  // Theme (focus)\n  'focus-visible:theme-outline-primary focus-visible:outline-2',\n  'dark:focus-visible:theme-outline-primary-dark',\n\n  // Theme (checked)\n  'checked:theme-preset-1-primary',\n  'dark:checked:theme-preset-1-primary-dark',\n\n  // Theme (read-only)\n  'read-only:theme-border-outline',\n  'read-only:dark:theme-border-outline-dark',\n\n  'checked:read-only:theme-background-base',\n  'checked:read-only:dark:theme-background-base-dark',\n\n  'checked:read-only:theme-foreground-outline',\n  'checked:read-only:dark:theme-foreground-outline-dark',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Interactivity (read-only)\n  'read-only:interactivity-none',\n];\n\nexport const RadioControlHandle: string[] = [\n  // Box (children)\n  'after:w-sm md:after:w-xs',\n  'after:h-sm md:after:h-xs',\n\n  // Shape (children)\n  'after:rounded-full',\n\n  // Theme (checked / children)\n  'checked:after:bg-on-primary',\n  'dark:checked:after:bg-on-primary-dark',\n\n  // Theme (checked + disabled / children)\n  'disabled:checked:after:bg-on-disabled',\n  'dark:disabled:checked:after:bg-on-disabled-dark',\n\n  // Theme (checked + read-only / children)\n  'checked:read-only:after:bg-outline',\n  'dark:checked:read-only:after:bg-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <input\n      :ref=\"'control'\"\n      v-bind=\"attributes\"\n      :class=\"controlStyles\"\n      :type=\"'radio'\"\n      :checked=\"checked\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      @change=\"$emit('change', $event); onChange()\"\n      @click=\"$emit('click', $event)\"\n      @focus=\"$emit('focus', $event)\"\n      @blur=\"$emit('blur', $event)\"\n    >\n\n    <template v-if=\"$slots.default || label\">\n      <OrLabel\n        :control-id=\"attributes.id\"\n        :variant=\"labelVariant\"\n        :selected=\"checked\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n      >\n        <slot>{{ label }}</slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { LabelVariant, OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\n\nimport { Radio, RadioControl, RadioControlHandle } from './styles';\nimport { RadioModelValue, RadioValue } from './types';\n\nexport default defineComponent({\n  name: 'OrRadio',\n\n  components: {\n    OrLabel,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<RadioModelValue>,\n      default: undefined,\n    },\n\n    value: {\n      type: undefined as unknown as PropType<RadioValue>,\n      required: true,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    labelVariant: {\n      type: String as PropType<`${LabelVariant}`>,\n      default: () => LabelVariant.Toggle,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'change',\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-radio-v3',\n      ...Radio,\n    ]);\n\n    const control = ref<HTMLElement>();\n\n    const controlStyles = computed(() => [\n      ...RadioControl,\n      ...RadioControlHandle,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const checked = computed(() => {\n      return model.value === props.value;\n    });\n\n    // Handlers\n    function onChange(): void {\n      model.value = props.value;\n    }\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      checked,\n\n      onChange,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  line-height: 0;\n  appearance: none;\n}\n</style>\n"],"names":["Radio","RadioControl","RadioControlHandle","_sfc_main","defineComponent","OrLabel","LabelVariant","props","context","attributes","reactive","useIdAttribute","useControlAttributes","root","ref","rootStyles","computed","control","controlStyles","model","useProxyModelValue","toRef","checked","onChange","focus","_a","blur","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_mergeProps","_cache","$event","_hoisted_1","_createBlock","_component_OrLabel","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"OrRadio-BZN3fBLW.mjs","sources":["../../../components/or-radio-v3/src/styles.ts","../../../components/or-radio-v3/src/OrRadio.vue"],"sourcesContent":["export const Radio: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-[10px] md:gap-sm',\n  'p-sm pl-[10px] md:p-none md:pl-none',\n];\n\nexport const RadioControl: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'w-md+ md:w-md',\n  'h-md+ md:h-md',\n\n  // Theme\n  'theme-preset-3-primary',\n  'dark:theme-preset-3-primary-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-border-outline border-1',\n  'dark:theme-border-outline-dark',\n\n  // Theme (focus)\n  'focus-visible:theme-outline-primary focus-visible:outline-2',\n  'dark:focus-visible:theme-outline-primary-dark',\n\n  // Theme (checked)\n  'checked:theme-preset-1-primary',\n  'dark:checked:theme-preset-1-primary-dark',\n\n  // Theme (read-only)\n  'read-only:theme-border-outline',\n  'read-only:dark:theme-border-outline-dark',\n\n  'checked:read-only:theme-background-base',\n  'checked:read-only:dark:theme-background-base-dark',\n\n  'checked:read-only:theme-foreground-outline',\n  'checked:read-only:dark:theme-foreground-outline-dark',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Interactivity (read-only)\n  'read-only:interactivity-none',\n];\n\nexport const RadioControlHandle: string[] = [\n  // Box (children)\n  'after:w-sm after:md:w-xs',\n  'after:h-sm after:md:h-xs',\n\n  // Shape (children)\n  'after:rounded-full',\n\n  // Theme (checked / children)\n  'after:checked:bg-on-primary',\n  'dark:after:checked:bg-on-primary-dark',\n\n  // Theme (checked + disabled / children)\n  'after:disabled:checked:bg-on-disabled',\n  'dark:after:disabled:checked:bg-on-disabled-dark',\n\n  // Theme (checked + read-only / children)\n  'after:checked:read-only:bg-outline',\n  'dark:after:checked:read-only:bg-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <input\n      :ref=\"'control'\"\n      v-bind=\"attributes\"\n      :class=\"controlStyles\"\n      :type=\"'radio'\"\n      :checked=\"checked\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      @change=\"$emit('change', $event); onChange()\"\n      @click=\"$emit('click', $event)\"\n      @focus=\"$emit('focus', $event)\"\n      @blur=\"$emit('blur', $event)\"\n    >\n\n    <template v-if=\"$slots.default || label\">\n      <OrLabel\n        :control-id=\"attributes.id\"\n        :variant=\"labelVariant\"\n        :selected=\"checked\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n      >\n        <slot>{{ label }}</slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { LabelVariant, OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\n\nimport { Radio, RadioControl, RadioControlHandle } from './styles';\nimport { RadioModelValue, RadioValue } from './types';\n\nexport default defineComponent({\n  name: 'OrRadio',\n\n  components: {\n    OrLabel,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<RadioModelValue>,\n      default: undefined,\n    },\n\n    value: {\n      type: undefined as unknown as PropType<RadioValue>,\n      required: true,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    labelVariant: {\n      type: String as PropType<`${LabelVariant}`>,\n      default: () => LabelVariant.Toggle,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'change',\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-radio-v3',\n      ...Radio,\n    ]);\n\n    const control = ref<HTMLElement>();\n\n    const controlStyles = computed(() => [\n      ...RadioControl,\n      ...RadioControlHandle,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const checked = computed(() => {\n      return model.value === props.value;\n    });\n\n    // Handlers\n    function onChange(): void {\n      model.value = props.value;\n    }\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      checked,\n\n      onChange,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  line-height: 0;\n  appearance: none;\n}\n</style>\n"],"names":["Radio","RadioControl","RadioControlHandle","_sfc_main","defineComponent","OrLabel","LabelVariant","props","context","attributes","reactive","useIdAttribute","useControlAttributes","root","ref","rootStyles","computed","control","controlStyles","model","useProxyModelValue","toRef","checked","onChange","focus","_a","blur","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_mergeProps","_cache","$event","_hoisted_1","_createBlock","_component_OrLabel","_renderSlot"],"mappings":"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"}

package/dist/esm/{OrRadioGroup-CHxkcLRh.mjs → OrRadioGroup-PJcCPCFn.mjs}

@@ -1,6 +1,6 @@
 import { useProxyModelValue as c, useResponsive as y } from "@onereach/ui-components-common/hooks";
 import { O as b, F as g, a as t } from "./OrFormGroup-CUNdt7UL.mjs";
-import { O as V } from "./OrRadio-DdFBJaoq.mjs";
+import { O as V } from "./OrRadio-BZN3fBLW.mjs";
 import { defineComponent as v, toRef as O, computed as S, resolveComponent as i, openBlock as r, createBlock as p, withCtx as s, renderSlot as F, createElementBlock as G, Fragment as R, renderList as M } from "vue";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const $ = v({
@@ -93,4 +93,4 @@ const D = /* @__PURE__ */ B($, [["render", h]]);
 export {
   D as O
 };
-//# sourceMappingURL=OrRadioGroup-CHxkcLRh.mjs.map
+//# sourceMappingURL=OrRadioGroup-PJcCPCFn.mjs.map

package/dist/esm/{OrRadioGroup-CHxkcLRh.mjs.map → OrRadioGroup-PJcCPCFn.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrRadioGroup-CHxkcLRh.mjs","sources":["../../../components/or-radio-group-v3/src/OrRadioGroup.vue"],"sourcesContent":["<template>\n  <OrFormGroup\n    :direction=\"direction\"\n    :label=\"label\"\n    :hint=\"hint\"\n    :error=\"error\"\n    :disabled=\"disabled\"\n    :spacing=\"localSpacing\"\n  >\n    <template v-slot:addon>\n      <slot name=\"addon\" />\n    </template>\n\n    <OrRadio\n      v-for=\"option in options\"\n      :key=\"option.label\"\n      v-model=\"proxyModelValue\"\n      :value=\"option.value\"\n      :label=\"option.label\"\n      :disabled=\"disabled || option.disabled\"\n      :readonly=\"readonly || option.readonly\"\n    />\n  </OrFormGroup>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { FormGroupDirection, OrFormGroupV3 as OrFormGroup, FormGroupSpacing } from '@onereach/ui-components.or-form-group-v3';\nimport { OrRadioV3 as OrRadio, RadioModelValue } from '@onereach/ui-components.or-radio-v3';\nimport { PropType, defineComponent, toRef, computed } from 'vue';\n\nimport { RadioGroupOption } from './types';\n\nexport default defineComponent({\n  name: 'OrRadioGroup',\n\n  components: {\n    OrFormGroup,\n    OrRadio,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<RadioModelValue>,\n      default: undefined,\n    },\n\n    options: {\n      type: Array as PropType<RadioGroupOption[]>,\n      default: () => [],\n    },\n\n    direction: {\n      type: String as PropType<`${FormGroupDirection}`>,\n      default: () => FormGroupDirection.Vertical,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: String,\n      default: undefined,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    spacing: {\n      type: String as PropType<`${FormGroupSpacing}`>,\n      default: FormGroupSpacing.SM,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  setup(props, context) {\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const { isMobile } = useResponsive();\n    const localSpacing = computed(() => isMobile.value ? FormGroupSpacing.NONE : props.spacing);\n    return {\n      proxyModelValue,\n      localSpacing,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrFormGroup","OrRadio","FormGroupDirection","FormGroupSpacing","props","context","proxyModelValue","useProxyModelValue","toRef","isMobile","useResponsive","localSpacing","computed","_resolveComponent","_openBlock","_createBlock","_component_OrFormGroup","_ctx","_renderSlot","_createElementBlock","_Fragment","_renderList","option","_component_OrRadio","_cache","$event"],"mappings":";;;;;AAiCA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,aAAAC;AAAA,IACA,SAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAmB;AAAA,IACpC;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASC,EAAiB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAkBC,EAAmBC,EAAMJ,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAE7E,EAAE,UAAAI,MAAaC,KACfC,IAAeC,EAAS,MAAMH,EAAS,QAAQN,EAAiB,OAAOC,EAAM,OAAO;AACnF,WAAA;AAAA,MACL,iBAAAE;AAAA,MACA,cAAAK;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;8BA3GCE,EAqBc,aAAA;SAnBNC,EAAO,GAAAC,EAAAC,GAAA;AAAA,IACZ,WAAMC,EAAI;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,MAAUA,EAAA;AAAA,IACV,OAAOA,EAAE;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEO,SAAKA,EAAA;AAAA,EAAA,GAAA;AAAA;MAKKC,EAAAD,EAAA,QAAA,OAAA;AAAA,IAAA,CAAA;AAAA;OACnBH,EAAA,EAAO,GAAKK,EAAAC,GAAA,MAAAC,EAAAJ,EAAA,SAAA,CAAAK,YACMP,EAAAQ,GAAA;AAAA,QAAA,KAAAD,EAAA;AAAA,QACvB,YAAOL,EAAO;AAAA,QACd,uBAAmBO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAR,EAAA,kBAAAQ;AAAA,QACnB,OAAUH,EAAA;AAAA,QACV,OAAUA,EAAA;AAAA,QAAA,UAAAL,EAAA,YAAAK,EAAA;AAAA;;;;;;;"}
+{"version":3,"file":"OrRadioGroup-PJcCPCFn.mjs","sources":["../../../components/or-radio-group-v3/src/OrRadioGroup.vue"],"sourcesContent":["<template>\n  <OrFormGroup\n    :direction=\"direction\"\n    :label=\"label\"\n    :hint=\"hint\"\n    :error=\"error\"\n    :disabled=\"disabled\"\n    :spacing=\"localSpacing\"\n  >\n    <template v-slot:addon>\n      <slot name=\"addon\" />\n    </template>\n\n    <OrRadio\n      v-for=\"option in options\"\n      :key=\"option.label\"\n      v-model=\"proxyModelValue\"\n      :value=\"option.value\"\n      :label=\"option.label\"\n      :disabled=\"disabled || option.disabled\"\n      :readonly=\"readonly || option.readonly\"\n    />\n  </OrFormGroup>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { FormGroupDirection, OrFormGroupV3 as OrFormGroup, FormGroupSpacing } from '@onereach/ui-components.or-form-group-v3';\nimport { OrRadioV3 as OrRadio, RadioModelValue } from '@onereach/ui-components.or-radio-v3';\nimport { PropType, defineComponent, toRef, computed } from 'vue';\n\nimport { RadioGroupOption } from './types';\n\nexport default defineComponent({\n  name: 'OrRadioGroup',\n\n  components: {\n    OrFormGroup,\n    OrRadio,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<RadioModelValue>,\n      default: undefined,\n    },\n\n    options: {\n      type: Array as PropType<RadioGroupOption[]>,\n      default: () => [],\n    },\n\n    direction: {\n      type: String as PropType<`${FormGroupDirection}`>,\n      default: () => FormGroupDirection.Vertical,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: String,\n      default: undefined,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    spacing: {\n      type: String as PropType<`${FormGroupSpacing}`>,\n      default: FormGroupSpacing.SM,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  setup(props, context) {\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const { isMobile } = useResponsive();\n    const localSpacing = computed(() => isMobile.value ? FormGroupSpacing.NONE : props.spacing);\n    return {\n      proxyModelValue,\n      localSpacing,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrFormGroup","OrRadio","FormGroupDirection","FormGroupSpacing","props","context","proxyModelValue","useProxyModelValue","toRef","isMobile","useResponsive","localSpacing","computed","_resolveComponent","_openBlock","_createBlock","_component_OrFormGroup","_ctx","_renderSlot","_createElementBlock","_Fragment","_renderList","option","_component_OrRadio","_cache","$event"],"mappings":";;;;;AAiCA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,aAAAC;AAAA,IACA,SAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAmB;AAAA,IACpC;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASC,EAAiB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAkBC,EAAmBC,EAAMJ,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAE7E,EAAE,UAAAI,MAAaC,KACfC,IAAeC,EAAS,MAAMH,EAAS,QAAQN,EAAiB,OAAOC,EAAM,OAAO;AACnF,WAAA;AAAA,MACL,iBAAAE;AAAA,MACA,cAAAK;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;8BA3GCE,EAqBc,aAAA;SAnBNC,EAAO,GAAAC,EAAAC,GAAA;AAAA,IACZ,WAAMC,EAAI;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,MAAUA,EAAA;AAAA,IACV,OAAOA,EAAE;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEO,SAAKA,EAAA;AAAA,EAAA,GAAA;AAAA;MAKKC,EAAAD,EAAA,QAAA,OAAA;AAAA,IAAA,CAAA;AAAA;OACnBH,EAAA,EAAO,GAAKK,EAAAC,GAAA,MAAAC,EAAAJ,EAAA,SAAA,CAAAK,YACMP,EAAAQ,GAAA;AAAA,QAAA,KAAAD,EAAA;AAAA,QACvB,YAAOL,EAAO;AAAA,QACd,uBAAmBO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAR,EAAA,kBAAAQ;AAAA,QACnB,OAAUH,EAAA;AAAA,QACV,OAAUA,EAAA;AAAA,QAAA,UAAAL,EAAA,YAAAK,EAAA;AAAA;;;;;;;"}

package/dist/esm/{OrRangeSlider-CCy-Y7EH.mjs → OrRangeSlider-PAzeqzie.mjs}

@@ -1,7 +1,7 @@
 import { useProxyModelValue as ce } from "@onereach/ui-components-common/hooks";
-import { a, S as k } from "./OrSlider.vue_vue_type_script_lang-ggTiRZpX.mjs";
+import { a, S as k } from "./OrSlider.vue_vue_type_script_lang--k0M0Q7N.mjs";
 import { defineComponent as me, ref as h, computed as i, toRef as ve, watch as P, resolveComponent as he, openBlock as S, createElementBlock as H, normalizeClass as m, createElementVNode as b, normalizeStyle as C, createVNode as J, mergeProps as K, withCtx as $, renderSlot as D, createTextVNode as F, toDisplayString as E, Fragment as Q, renderList as U, createCommentVNode as ge } from "vue";
-import { O as be } from "./OrTooltip-CAvo-mxv.mjs";
+import { O as be } from "./OrTooltip-cverJ1se.mjs";
 import { useElementBounding as ke, useElementHover as w, useDraggable as fe, clamp as g } from "@vueuse/core";
 import { _ as ye } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const Ve = [
@@ -685,4 +685,4 @@ const _e = /* @__PURE__ */ ye(Ne, [["render", Ge]]);
 export {
   _e as O
 };
-//# sourceMappingURL=OrRangeSlider-CCy-Y7EH.mjs.map
+//# sourceMappingURL=OrRangeSlider-PAzeqzie.mjs.map