@rupe/v-datepicker 1.0.0-alpha.0

package/dist/components/Popper/PopperContent.vue2.js

@@ -0,0 +1,230 @@
+import { defineComponent, mergeDefaults, ref, computed, watchPostEffect, watchEffect, createElementBlock, openBlock, normalizeStyle, unref, createVNode, mergeProps, withCtx, renderSlot } from "vue";
+import { useFloating, arrow } from "../../node_modules/.pnpm/@floating-ui_vue@1.1.9_vue@3.5.26_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import "../Primitive/Slot.js";
+import { injectPopperRootContext } from "./PopperRoot.vue.js";
+import { isNotNull, getSideAndAlignFromPlacement, transformOrigin } from "./utils.js";
+import { createContext } from "../../shared/createContext.js";
+import { computedEager } from "../../node_modules/.pnpm/@vueuse_shared@14.1.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js";
+import { useForwardExpose } from "../../shared/useForwardExpose.js";
+import { useSize } from "../../shared/useSize.js";
+import { autoUpdate, offset, flip, shift, size, hide, limitShift } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+const PopperContentPropsDefaultValue = {
+  side: "bottom",
+  sideOffset: 0,
+  sideFlip: true,
+  align: "center",
+  alignOffset: 0,
+  alignFlip: true,
+  arrowPadding: 0,
+  avoidCollisions: true,
+  collisionBoundary: () => [],
+  collisionPadding: 0,
+  sticky: "partial",
+  hideWhenDetached: false,
+  positionStrategy: "fixed",
+  updatePositionStrategy: "optimized",
+  prioritizePosition: false
+};
+const [injectPopperContentContext, providePopperContentContext] = createContext("PopperContent");
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "PopperContent",
+  props: /* @__PURE__ */ mergeDefaults({
+    side: {},
+    sideOffset: {},
+    sideFlip: { type: Boolean },
+    align: {},
+    alignOffset: {},
+    alignFlip: { type: Boolean },
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  }, {
+    ...PopperContentPropsDefaultValue
+  }),
+  emits: ["placed"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const rootContext = injectPopperRootContext();
+    const { forwardRef, currentElement: contentElement } = useForwardExpose();
+    const floatingRef = ref();
+    const arrow$1 = ref();
+    const { width: arrowWidth, height: arrowHeight } = useSize(arrow$1);
+    const desiredPlacement = computed(
+      () => props.side + (props.align !== "center" ? `-${props.align}` : "")
+    );
+    const collisionPadding = computed(() => {
+      return typeof props.collisionPadding === "number" ? props.collisionPadding : { top: 0, right: 0, bottom: 0, left: 0, ...props.collisionPadding };
+    });
+    const boundary = computed(() => {
+      return Array.isArray(props.collisionBoundary) ? props.collisionBoundary : [props.collisionBoundary];
+    });
+    const detectOverflowOptions = computed(() => {
+      return {
+        padding: collisionPadding.value,
+        boundary: boundary.value.filter(isNotNull),
+        // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+        altBoundary: boundary.value.length > 0
+      };
+    });
+    const flipOptions = computed(() => {
+      return {
+        mainAxis: props.sideFlip,
+        crossAxis: props.alignFlip
+      };
+    });
+    const computedMiddleware = computedEager(() => {
+      return [
+        offset({
+          mainAxis: props.sideOffset + arrowHeight.value,
+          alignmentAxis: props.alignOffset
+        }),
+        props.prioritizePosition && props.avoidCollisions && flip({
+          ...detectOverflowOptions.value,
+          ...flipOptions.value
+        }),
+        props.avoidCollisions && shift({
+          mainAxis: true,
+          crossAxis: !!props.prioritizePosition,
+          limiter: props.sticky === "partial" ? limitShift() : void 0,
+          ...detectOverflowOptions.value
+        }),
+        !props.prioritizePosition && props.avoidCollisions && flip({
+          ...detectOverflowOptions.value,
+          ...flipOptions.value
+        }),
+        size({
+          ...detectOverflowOptions.value,
+          apply: ({ elements, rects, availableWidth, availableHeight }) => {
+            const { width: anchorWidth, height: anchorHeight } = rects.reference;
+            const contentStyle = elements.floating.style;
+            contentStyle.setProperty(
+              "--reka-popper-available-width",
+              `${availableWidth}px`
+            );
+            contentStyle.setProperty(
+              "--reka-popper-available-height",
+              `${availableHeight}px`
+            );
+            contentStyle.setProperty(
+              "--reka-popper-anchor-width",
+              `${anchorWidth}px`
+            );
+            contentStyle.setProperty(
+              "--reka-popper-anchor-height",
+              `${anchorHeight}px`
+            );
+          }
+        }),
+        arrow$1.value && arrow({ element: arrow$1.value, padding: props.arrowPadding }),
+        transformOrigin({
+          arrowWidth: arrowWidth.value,
+          arrowHeight: arrowHeight.value
+        }),
+        props.hideWhenDetached && hide({ strategy: "referenceHidden", ...detectOverflowOptions.value })
+      ];
+    });
+    const reference = computed(() => props.reference ?? rootContext.anchor.value);
+    const { floatingStyles, placement, isPositioned, middlewareData } = useFloating(reference, floatingRef, {
+      strategy: props.positionStrategy,
+      placement: desiredPlacement,
+      whileElementsMounted: (...args) => {
+        const cleanup = autoUpdate(...args, {
+          layoutShift: !props.disableUpdateOnLayoutShift,
+          animationFrame: props.updatePositionStrategy === "always"
+        });
+        return cleanup;
+      },
+      middleware: computedMiddleware
+    });
+    const placedSide = computed(
+      () => getSideAndAlignFromPlacement(placement.value)[0]
+    );
+    const placedAlign = computed(
+      () => getSideAndAlignFromPlacement(placement.value)[1]
+    );
+    watchPostEffect(() => {
+      if (isPositioned.value) emits("placed");
+    });
+    const cannotCenterArrow = computed(
+      () => middlewareData.value.arrow?.centerOffset !== 0
+    );
+    const contentZIndex = ref("");
+    watchEffect(() => {
+      if (contentElement.value)
+        contentZIndex.value = window.getComputedStyle(contentElement.value).zIndex;
+    });
+    const arrowX = computed(() => middlewareData.value.arrow?.x ?? 0);
+    const arrowY = computed(() => middlewareData.value.arrow?.y ?? 0);
+    providePopperContentContext({
+      placedSide,
+      onArrowChange: (element) => arrow$1.value = element,
+      arrowX,
+      arrowY,
+      shouldHideArrow: cannotCenterArrow
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "floatingRef",
+        ref: floatingRef,
+        "data-reka-popper-content-wrapper": "",
+        style: normalizeStyle({
+          ...unref(floatingStyles),
+          transform: unref(isPositioned) ? unref(floatingStyles).transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: contentZIndex.value,
+          ["--reka-popper-transform-origin"]: [
+            unref(middlewareData).transformOrigin?.x,
+            unref(middlewareData).transformOrigin?.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...unref(middlewareData).hide?.referenceHidden && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        })
+      }, [
+        createVNode(unref(Primitive), mergeProps({ ref: unref(forwardRef) }, _ctx.$attrs, {
+          "as-child": props.asChild,
+          as: __props.as,
+          "data-side": placedSide.value,
+          "data-align": placedAlign.value,
+          style: {
+            // if the PopperContent hasn't been placed yet (not all measurements done)
+            // we prevent animations so that users's animation don't kick in too early referring wrong sides
+            animation: !unref(isPositioned) ? "none" : void 0
+          }
+        }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["as-child", "as", "data-side", "data-align", "style"])
+      ], 4);
+    };
+  }
+});
+export {
+  PopperContentPropsDefaultValue,
+  _sfc_main as default,
+  injectPopperContentContext,
+  providePopperContentContext
+};
+//# sourceMappingURL=PopperContent.vue2.js.map

package/dist/components/Popper/PopperContent.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopperContent.vue2.js","sources":["../../../src/components/Popper/PopperContent.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Middleware, Placement, ReferenceElement } from \"@floating-ui/vue\";\nimport type { Ref } from \"vue\";\nimport type { Align, Side } from \"./utils\";\nimport type { PrimitiveProps } from \"../Primitive\";\nimport { createContext, useForwardExpose, useSize } from \"../../shared\";\n\nexport const PopperContentPropsDefaultValue = {\n  side: \"bottom\" as Side,\n  sideOffset: 0,\n  sideFlip: true,\n  align: \"center\" as Align,\n  alignOffset: 0,\n  alignFlip: true,\n  arrowPadding: 0,\n  avoidCollisions: true,\n  collisionBoundary: () => [],\n  collisionPadding: 0,\n  sticky: \"partial\" as \"partial\" | \"always\",\n  hideWhenDetached: false,\n  positionStrategy: \"fixed\" as \"absolute\" | \"fixed\",\n  updatePositionStrategy: \"optimized\" as \"optimized\" | \"always\",\n  prioritizePosition: false,\n};\n\nexport interface PopperContentProps extends PrimitiveProps {\n  /**\n   * The preferred side of the trigger to render against when open.\n   * Will be reversed when collisions occur and avoidCollisions\n   * is enabled.\n   *\n   * @defaultValue \"top\"\n   */\n  side?: Side;\n\n  /**\n   * The distance in pixels from the trigger.\n   *\n   * @defaultValue 0\n   */\n  sideOffset?: number;\n\n  /**\n   * Flip to the opposite side when colliding with boundary.\n   *\n   * @defaultValue true\n   */\n  sideFlip?: boolean;\n\n  /**\n   * The preferred alignment against the trigger.\n   * May change when collisions occur.\n   *\n   * @defaultValue \"center\"\n   */\n  align?: Align;\n\n  /**\n   * An offset in pixels from the `start` or `end` alignment options.\n   *\n   * @defaultValue 0\n   */\n  alignOffset?: number;\n\n  /**\n   * Flip alignment when colliding with boundary.\n   * May only occur when `prioritizePosition` is true.\n   *\n   * @defaultValue true\n   */\n  alignFlip?: boolean;\n\n  /**\n   * When `true`, overrides the side and align preferences\n   * to prevent collisions with boundary edges.\n   *\n   * @defaultValue true\n   */\n  avoidCollisions?: boolean;\n\n  /**\n   * The element used as the collision boundary. By default\n   * this is the viewport, though you can provide additional\n   * element(s) to be included in this check.\n   *\n   * @defaultValue []\n   */\n  collisionBoundary?: Element | null | Array<Element | null>;\n\n  /**\n   * The distance in pixels from the boundary edges where collision\n   * detection should occur. Accepts a number (same for all sides),\n   * or a partial padding object, for example: { top: 20, left: 20 }.\n   *\n   * @defaultValue 0\n   */\n  collisionPadding?: number | Partial<Record<Side, number>>;\n\n  /**\n   * The padding between the arrow and the edges of the content.\n   * If your content has border-radius, this will prevent it from\n   * overflowing the corners.\n   *\n   * @defaultValue 0\n   */\n  arrowPadding?: number;\n\n  /**\n   * The sticky behavior on the align axis. `partial` will keep the\n   * content in the boundary as long as the trigger is at least partially\n   * in the boundary whilst \"always\" will keep the content in the boundary\n   * regardless.\n   *\n   * @defaultValue \"partial\"\n   */\n  sticky?: \"partial\" | \"always\";\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   *\n   * @defaultValue false\n   */\n  hideWhenDetached?: boolean;\n\n  /**\n   *  The type of CSS position property to use.\n   */\n  positionStrategy?: \"absolute\" | \"fixed\";\n\n  /**\n   * Strategy to update the position of the floating element on every animation frame.\n   *\n   * @defaultValue 'optimized'\n   */\n  updatePositionStrategy?: \"optimized\" | \"always\";\n\n  /**\n   * Whether to disable the update position for the content when the layout shifted.\n   *\n   * @defaultValue false\n   */\n  disableUpdateOnLayoutShift?: boolean;\n\n  /**\n   * Force content to be position within the viewport.\n   *\n   * Might overlap the reference element, which may not be desired.\n   *\n   * @defaultValue false\n   */\n  prioritizePosition?: boolean;\n\n  /**\n   *  The custom element or virtual element that will be set as the reference\n   *  to position the floating element.\n   *\n   *  If provided, it will replace the default anchor element.\n   */\n  reference?: ReferenceElement;\n}\n\nexport interface PopperContentContext {\n  placedSide: Ref<Side>;\n  onArrowChange: (arrow: HTMLElement | undefined) => void;\n  arrowX?: Ref<number>;\n  arrowY?: Ref<number>;\n  shouldHideArrow: Ref<boolean>;\n}\n\nexport const [injectPopperContentContext, providePopperContentContext] =\n  createContext<PopperContentContext>(\"PopperContent\");\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  autoUpdate,\n  flip,\n  arrow as floatingUIarrow,\n  hide,\n  limitShift,\n  offset,\n  shift,\n  size,\n  useFloating,\n} from \"@floating-ui/vue\";\nimport { computedEager } from \"@vueuse/core\";\nimport { computed, ref, watchEffect, watchPostEffect } from \"vue\";\nimport { Primitive } from \"../Primitive\";\nimport { injectPopperRootContext } from \"./PopperRoot.vue\";\nimport {\n  getSideAndAlignFromPlacement,\n  isNotNull,\n  transformOrigin,\n} from \"./utils\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<PopperContentProps>(), {\n  ...PopperContentPropsDefaultValue,\n});\nconst emits = defineEmits<{\n  placed: [void];\n}>();\n\nconst rootContext = injectPopperRootContext();\nconst { forwardRef, currentElement: contentElement } = useForwardExpose();\n\nconst floatingRef = ref<HTMLElement>();\n\nconst arrow = ref<HTMLElement>();\nconst { width: arrowWidth, height: arrowHeight } = useSize(arrow);\n\nconst desiredPlacement = computed(\n  () =>\n    (props.side +\n      (props.align !== \"center\" ? `-${props.align}` : \"\")) as Placement,\n);\n\nconst collisionPadding = computed(() => {\n  return typeof props.collisionPadding === \"number\"\n    ? props.collisionPadding\n    : { top: 0, right: 0, bottom: 0, left: 0, ...props.collisionPadding };\n});\n\nconst boundary = computed(() => {\n  return Array.isArray(props.collisionBoundary)\n    ? props.collisionBoundary\n    : [props.collisionBoundary];\n});\n\nconst detectOverflowOptions = computed(() => {\n  return {\n    padding: collisionPadding.value,\n    boundary: boundary.value.filter(isNotNull),\n    // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries\n    altBoundary: boundary.value.length > 0,\n  };\n});\n\nconst flipOptions = computed(() => {\n  return {\n    mainAxis: props.sideFlip,\n    crossAxis: props.alignFlip,\n  };\n});\n\nconst computedMiddleware = computedEager(() => {\n  return [\n    offset({\n      mainAxis: props.sideOffset + arrowHeight.value,\n      alignmentAxis: props.alignOffset,\n    }),\n    props.prioritizePosition &&\n      props.avoidCollisions &&\n      flip({\n        ...detectOverflowOptions.value,\n        ...flipOptions.value,\n      }),\n    props.avoidCollisions &&\n      shift({\n        mainAxis: true,\n        crossAxis: !!props.prioritizePosition,\n        limiter: props.sticky === \"partial\" ? limitShift() : undefined,\n        ...detectOverflowOptions.value,\n      }),\n    !props.prioritizePosition &&\n      props.avoidCollisions &&\n      flip({\n        ...detectOverflowOptions.value,\n        ...flipOptions.value,\n      }),\n    size({\n      ...detectOverflowOptions.value,\n      apply: ({ elements, rects, availableWidth, availableHeight }) => {\n        const { width: anchorWidth, height: anchorHeight } = rects.reference;\n        const contentStyle = elements.floating.style;\n        contentStyle.setProperty(\n          \"--reka-popper-available-width\",\n          `${availableWidth}px`,\n        );\n        contentStyle.setProperty(\n          \"--reka-popper-available-height\",\n          `${availableHeight}px`,\n        );\n        contentStyle.setProperty(\n          \"--reka-popper-anchor-width\",\n          `${anchorWidth}px`,\n        );\n        contentStyle.setProperty(\n          \"--reka-popper-anchor-height\",\n          `${anchorHeight}px`,\n        );\n      },\n    }),\n    arrow.value &&\n      floatingUIarrow({ element: arrow.value, padding: props.arrowPadding }),\n    transformOrigin({\n      arrowWidth: arrowWidth.value,\n      arrowHeight: arrowHeight.value,\n    }),\n    props.hideWhenDetached &&\n      hide({ strategy: \"referenceHidden\", ...detectOverflowOptions.value }),\n  ] as Middleware[];\n});\n\n// If provided custom reference, it will overwrite the default anchor element\nconst reference = computed(() => props.reference ?? rootContext.anchor.value);\n\nconst { floatingStyles, placement, isPositioned, middlewareData, update } =\n  useFloating(reference, floatingRef, {\n    strategy: props.positionStrategy,\n    placement: desiredPlacement,\n    whileElementsMounted: (...args) => {\n      const cleanup = autoUpdate(...args, {\n        layoutShift: !props.disableUpdateOnLayoutShift,\n        animationFrame: props.updatePositionStrategy === \"always\",\n      });\n      return cleanup;\n    },\n    middleware: computedMiddleware,\n  });\n\nconst placedSide = computed(\n  () => getSideAndAlignFromPlacement(placement.value)[0],\n);\nconst placedAlign = computed(\n  () => getSideAndAlignFromPlacement(placement.value)[1],\n);\n\nwatchPostEffect(() => {\n  if (isPositioned.value) emits(\"placed\");\n});\n\nconst cannotCenterArrow = computed(\n  () => middlewareData.value.arrow?.centerOffset !== 0,\n);\n\nconst contentZIndex = ref(\"\");\nwatchEffect(() => {\n  if (contentElement.value)\n    contentZIndex.value = window.getComputedStyle(contentElement.value).zIndex;\n});\n\nconst arrowX = computed(() => middlewareData.value.arrow?.x ?? 0);\nconst arrowY = computed(() => middlewareData.value.arrow?.y ?? 0);\n\nprovidePopperContentContext({\n  placedSide,\n  onArrowChange: (element) => (arrow.value = element),\n  arrowX,\n  arrowY,\n  shouldHideArrow: cannotCenterArrow,\n});\n</script>\n\n<template>\n  <div\n    ref=\"floatingRef\"\n    data-reka-popper-content-wrapper=\"\"\n    :style=\"{\n      ...floatingStyles,\n      transform: isPositioned\n        ? floatingStyles.transform\n        : 'translate(0, -200%)', // keep off the page when measuring\n      minWidth: 'max-content',\n      zIndex: contentZIndex,\n      ['--reka-popper-transform-origin' as any]: [\n        middlewareData.transformOrigin?.x,\n        middlewareData.transformOrigin?.y,\n      ].join(' '),\n\n      // hide the content if using the hide middleware and should be hidden\n      // set visibility to hidden and disable pointer events so the UI behaves\n      // as if the PopperContent isn't there at all\n      ...(middlewareData.hide?.referenceHidden && {\n        visibility: 'hidden',\n        pointerEvents: 'none',\n      }),\n    }\"\n  >\n    <Primitive\n      :ref=\"forwardRef\"\n      v-bind=\"$attrs\"\n      :as-child=\"props.asChild\"\n      :as=\"as\"\n      :data-side=\"placedSide\"\n      :data-align=\"placedAlign\"\n      :style=\"{\n        // if the PopperContent hasn't been placed yet (not all measurements done)\n        // we prevent animations so that users's animation don't kick in too early referring wrong sides\n        animation: !isPositioned ? 'none' : undefined,\n      }\"\n    >\n      <slot />\n    </Primitive>\n  </div>\n</template>\n"],"names":["arrow","floatingUIarrow","_createElementBlock","_normalizeStyle","_unref","_createVNode","_mergeProps","$attrs","_renderSlot"],"mappings":"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"}

package/dist/components/Popper/PopperRoot.d.ts

@@ -0,0 +1,19 @@
+import { ReferenceElement } from '@floating-ui/vue';
+import { Ref } from 'vue';
+export interface Measurable {
+    getBoundingClientRect: () => DOMRect;
+}
+interface PopperRootContext {
+    anchor: Ref<ReferenceElement | undefined>;
+    onAnchorChange: (element: ReferenceElement | undefined) => void;
+}
+export declare const injectPopperRootContext: <T extends PopperRootContext | null | undefined = PopperRootContext>(fallback?: T | undefined) => T extends null ? PopperRootContext | null : PopperRootContext, providePopperRootContext: (contextValue: PopperRootContext) => PopperRootContext;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Popper/PopperRoot.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent, ref, renderSlot } from "vue";
+import { createContext } from "../../shared/createContext.js";
+const [injectPopperRootContext, providePopperRootContext] = createContext("PopperRoot");
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "PopperRoot",
+  setup(__props) {
+    const anchor = ref();
+    providePopperRootContext({
+      anchor,
+      onAnchorChange: (element) => anchor.value = element
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main as default,
+  injectPopperRootContext,
+  providePopperRootContext
+};
+//# sourceMappingURL=PopperRoot.vue.js.map

package/dist/components/Popper/PopperRoot.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopperRoot.vue.js","sources":["../../../src/components/Popper/PopperRoot.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ReferenceElement } from \"@floating-ui/vue\";\nimport type { Ref } from \"vue\";\nimport { createContext } from \"../../shared\";\n\nexport interface Measurable {\n  getBoundingClientRect: () => DOMRect;\n}\n\ninterface PopperRootContext {\n  anchor: Ref<ReferenceElement | undefined>;\n  onAnchorChange: (element: ReferenceElement | undefined) => void;\n}\n\nexport const [injectPopperRootContext, providePopperRootContext] =\n  createContext<PopperRootContext>(\"PopperRoot\");\n</script>\n\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst anchor = ref<ReferenceElement>();\n\nprovidePopperRootContext({\n  anchor,\n  onAnchorChange: (element) => (anchor.value = element),\n});\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["_renderSlot"],"mappings":";;AAcO,MAAM,CAAC,yBAAyB,wBAAwB,IAC7D,cAAiC,YAAY;;;;;;;AAU/C,UAAM,SAAS,IAAA;AAEf,6BAAyB;AAAA,MACvB;AAAA,MACA,gBAAgB,CAAC,YAAa,OAAO,QAAQ;AAAA,IAAA,CAC9C;;aAICA,WAAQ,KAAA,QAAA,SAAA;AAAA;;;"}

package/dist/components/Popper/PopperRoot.vue2.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./PopperRoot.vue.js";
+import { injectPopperRootContext, providePopperRootContext } from "./PopperRoot.vue.js";
+export {
+  _sfc_main as default,
+  injectPopperRootContext,
+  providePopperRootContext
+};
+//# sourceMappingURL=PopperRoot.vue2.js.map

package/dist/components/Popper/PopperRoot.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopperRoot.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Popper/index.d.ts

@@ -0,0 +1,5 @@
+export { default as PopperAnchor, type PopperAnchorProps, } from './PopperAnchor';
+export { default as PopperArrow, type PopperArrowProps, } from './PopperArrow';
+export { default as PopperContent, type PopperContentProps, PopperContentPropsDefaultValue, } from './PopperContent';
+export { injectPopperRootContext, default as PopperRoot } from './PopperRoot';
+export * from './utils';

package/dist/components/Popper/utils.d.ts

@@ -0,0 +1,12 @@
+import { Middleware, Placement } from '@floating-ui/vue';
+declare const SIDE_OPTIONS: readonly ["top", "right", "bottom", "left"];
+declare const ALIGN_OPTIONS: readonly ["start", "center", "end"];
+export type Side = (typeof SIDE_OPTIONS)[number];
+export type Align = (typeof ALIGN_OPTIONS)[number];
+export declare function isNotNull<T>(value: T | null): value is T;
+export declare function transformOrigin(options: {
+    arrowWidth: number;
+    arrowHeight: number;
+}): Middleware;
+export declare function getSideAndAlignFromPlacement(placement: Placement): readonly ["top" | "right" | "bottom" | "left", "start" | "end" | "center"];
+export {};

package/dist/components/Popper/utils.js

@@ -0,0 +1,46 @@
+function isNotNull(value) {
+  return value !== null;
+}
+function transformOrigin(options) {
+  return {
+    name: "transformOrigin",
+    options,
+    fn(data) {
+      const { placement, rects, middlewareData } = data;
+      const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
+      const isArrowHidden = cannotCenterArrow;
+      const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
+      const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
+      const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
+      const noArrowAlign = { start: "0%", center: "50%", end: "100%" }[placedAlign];
+      const arrowXCenter = (middlewareData.arrow?.x ?? 0) + arrowWidth / 2;
+      const arrowYCenter = (middlewareData.arrow?.y ?? 0) + arrowHeight / 2;
+      let x = "";
+      let y = "";
+      if (placedSide === "bottom") {
+        x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+        y = `${-arrowHeight}px`;
+      } else if (placedSide === "top") {
+        x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+        y = `${rects.floating.height + arrowHeight}px`;
+      } else if (placedSide === "right") {
+        x = `${-arrowHeight}px`;
+        y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+      } else if (placedSide === "left") {
+        x = `${rects.floating.width + arrowHeight}px`;
+        y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+      }
+      return { data: { x, y } };
+    }
+  };
+}
+function getSideAndAlignFromPlacement(placement) {
+  const [side, align = "center"] = placement.split("-");
+  return [side, align];
+}
+export {
+  getSideAndAlignFromPlacement,
+  isNotNull,
+  transformOrigin
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/Popper/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/Popper/utils.ts"],"sourcesContent":["import type { Middleware, Placement } from '@floating-ui/vue'\n\nconst SIDE_OPTIONS = ['top', 'right', 'bottom', 'left'] as const\nconst ALIGN_OPTIONS = ['start', 'center', 'end'] as const\n\nexport type Side = (typeof SIDE_OPTIONS)[number]\nexport type Align = (typeof ALIGN_OPTIONS)[number]\n\nexport function isNotNull<T>(value: T | null): value is T {\n  return value !== null\n}\n\nexport function transformOrigin(options: {\n  arrowWidth: number\n  arrowHeight: number\n}): Middleware {\n  return {\n    name: 'transformOrigin',\n    options,\n    fn(data) {\n      const { placement, rects, middlewareData } = data\n\n      const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0\n      const isArrowHidden = cannotCenterArrow\n      const arrowWidth = isArrowHidden ? 0 : options.arrowWidth\n      const arrowHeight = isArrowHidden ? 0 : options.arrowHeight\n\n      const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement)\n      const noArrowAlign = { start: '0%', center: '50%', end: '100%' }[\n        placedAlign\n      ]\n\n      const arrowXCenter = (middlewareData.arrow?.x ?? 0) + arrowWidth / 2\n      const arrowYCenter = (middlewareData.arrow?.y ?? 0) + arrowHeight / 2\n\n      let x = ''\n      let y = ''\n\n      if (placedSide === 'bottom') {\n        x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`\n        y = `${-arrowHeight}px`\n      }\n      else if (placedSide === 'top') {\n        x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`\n        y = `${rects.floating.height + arrowHeight}px`\n      }\n      else if (placedSide === 'right') {\n        x = `${-arrowHeight}px`\n        y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`\n      }\n      else if (placedSide === 'left') {\n        x = `${rects.floating.width + arrowHeight}px`\n        y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`\n      }\n      return { data: { x, y } }\n    },\n  }\n}\n\nexport function getSideAndAlignFromPlacement(placement: Placement) {\n  const [side, align = 'center'] = placement.split('-')\n  return [side as Side, align as Align] as const\n}\n"],"names":[],"mappings":"AAQO,SAAS,UAAa,OAA6B;AACxD,SAAO,UAAU;AACnB;AAEO,SAAS,gBAAgB,SAGjB;AACb,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,GAAG,MAAM;AACP,YAAM,EAAE,WAAW,OAAO,eAAA,IAAmB;AAE7C,YAAM,oBAAoB,eAAe,OAAO,iBAAiB;AACjE,YAAM,gBAAgB;AACtB,YAAM,aAAa,gBAAgB,IAAI,QAAQ;AAC/C,YAAM,cAAc,gBAAgB,IAAI,QAAQ;AAEhD,YAAM,CAAC,YAAY,WAAW,IAAI,6BAA6B,SAAS;AACxE,YAAM,eAAe,EAAE,OAAO,MAAM,QAAQ,OAAO,KAAK,OAAA,EACtD,WACF;AAEA,YAAM,gBAAgB,eAAe,OAAO,KAAK,KAAK,aAAa;AACnE,YAAM,gBAAgB,eAAe,OAAO,KAAK,KAAK,cAAc;AAEpE,UAAI,IAAI;AACR,UAAI,IAAI;AAER,UAAI,eAAe,UAAU;AAC3B,YAAI,gBAAgB,eAAe,GAAG,YAAY;AAClD,YAAI,GAAG,CAAC,WAAW;AAAA,MACrB,WACS,eAAe,OAAO;AAC7B,YAAI,gBAAgB,eAAe,GAAG,YAAY;AAClD,YAAI,GAAG,MAAM,SAAS,SAAS,WAAW;AAAA,MAC5C,WACS,eAAe,SAAS;AAC/B,YAAI,GAAG,CAAC,WAAW;AACnB,YAAI,gBAAgB,eAAe,GAAG,YAAY;AAAA,MACpD,WACS,eAAe,QAAQ;AAC9B,YAAI,GAAG,MAAM,SAAS,QAAQ,WAAW;AACzC,YAAI,gBAAgB,eAAe,GAAG,YAAY;AAAA,MACpD;AACA,aAAO,EAAE,MAAM,EAAE,GAAG,IAAE;AAAA,IACxB;AAAA,EAAA;AAEJ;AAEO,SAAS,6BAA6B,WAAsB;AACjE,QAAM,CAAC,MAAM,QAAQ,QAAQ,IAAI,UAAU,MAAM,GAAG;AACpD,SAAO,CAAC,MAAc,KAAc;AACtC;"}

package/dist/components/Presence/Presence.d.ts

@@ -0,0 +1,43 @@
+import { SlotsType, VNode } from 'vue';
+export interface PresenceProps {
+    /**
+     * Conditional to mount or unmount the child element. Similar to `v-if`
+     *
+     * @required true
+     */
+    present: boolean;
+    /**
+     * Force the element to render all the time.
+     *
+     * Useful for programmatically render grandchild component with the exposed `present`
+     *
+     * @defaultValue false
+     */
+    forceMount?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    present: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    forceMount: {
+        type: BooleanConstructor;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    present: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    forceMount: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    forceMount: boolean;
+}, SlotsType<{
+    default: (opts: {
+        present: boolean;
+    }) => any;
+}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Presence/Presence.js

@@ -0,0 +1,61 @@
+import { unrefElement } from "../../node_modules/.pnpm/@vueuse_core@14.1.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js";
+import { defineComponent, toRefs, ref, getCurrentInstance, h } from "vue";
+import { renderSlotFragments } from "../../shared/renderSlotFragments.js";
+import { usePresence } from "./usePresence.js";
+const Presence = defineComponent({
+  name: "Presence",
+  props: {
+    present: {
+      type: Boolean,
+      required: true
+    },
+    forceMount: {
+      type: Boolean
+    }
+  },
+  slots: {},
+  setup(props, { slots, expose }) {
+    const { present, forceMount } = toRefs(props);
+    const node = ref();
+    const { isPresent } = usePresence(present, node);
+    expose({ present: isPresent });
+    let children = slots.default({ present: isPresent.value });
+    children = renderSlotFragments(children || []);
+    const instance = getCurrentInstance();
+    if (children && children?.length > 1) {
+      const componentName = instance?.parent?.type.name ? `<${instance.parent.type.name} />` : "component";
+      throw new Error(
+        [
+          `Detected an invalid children for \`${componentName}\` for  \`Presence\` component.`,
+          "",
+          "Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",
+          "You can apply a few solutions:",
+          [
+            "Provide a single child element so that `presence` directive attach correctly.",
+            "Ensure the first child is an actual element instead of a raw text node or comment node."
+          ].map((line) => `  - ${line}`).join("\n")
+        ].join("\n")
+      );
+    }
+    return () => {
+      if (forceMount.value || present.value || isPresent.value) {
+        return h(slots.default({ present: isPresent.value })[0], {
+          ref: (v) => {
+            const el = unrefElement(v);
+            if (typeof el?.hasAttribute === "undefined") return el;
+            if (el?.hasAttribute("data-reka-popper-content-wrapper"))
+              node.value = el.firstElementChild;
+            else node.value = el;
+            return el;
+          }
+        });
+      } else {
+        return null;
+      }
+    };
+  }
+});
+export {
+  Presence as default
+};
+//# sourceMappingURL=Presence.js.map

package/dist/components/Presence/Presence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Presence.js","sources":["../../../src/components/Presence/Presence.ts"],"sourcesContent":["import type { SlotsType, VNode } from \"vue\";\nimport { unrefElement } from \"@vueuse/core\";\nimport { defineComponent, getCurrentInstance, h, ref, toRefs } from \"vue\";\nimport { renderSlotFragments } from \"../../shared\";\nimport { usePresence } from \"./usePresence\";\n\nexport interface PresenceProps {\n  /**\n   * Conditional to mount or unmount the child element. Similar to `v-if`\n   *\n   * @required true\n   */\n  present: boolean;\n  /**\n   * Force the element to render all the time.\n   *\n   * Useful for programmatically render grandchild component with the exposed `present`\n   *\n   * @defaultValue false\n   */\n  forceMount?: boolean;\n}\n\nexport default defineComponent({\n  name: \"Presence\",\n  props: {\n    present: {\n      type: Boolean,\n      required: true,\n    },\n    forceMount: {\n      type: Boolean,\n    },\n  },\n  slots: {} as SlotsType<{\n    default: (opts: { present: boolean }) => any;\n  }>,\n  setup(props, { slots, expose }) {\n    const { present, forceMount } = toRefs(props);\n\n    const node = ref<HTMLElement>();\n    // Mount composables once to prevent duplicated eventListener\n    const { isPresent } = usePresence(present, node);\n    expose({ present: isPresent });\n\n    let children = slots.default({ present: isPresent.value });\n    children = renderSlotFragments(children || []);\n    const instance = getCurrentInstance();\n\n    if (children && children?.length > 1) {\n      const componentName = instance?.parent?.type.name\n        ? `<${instance.parent.type.name} />`\n        : \"component\";\n\n      throw new Error(\n        [\n          `Detected an invalid children for \\`${componentName}\\` for  \\`Presence\\` component.`,\n          \"\",\n          \"Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.\",\n          \"You can apply a few solutions:\",\n          [\n            \"Provide a single child element so that `presence` directive attach correctly.\",\n            \"Ensure the first child is an actual element instead of a raw text node or comment node.\",\n          ]\n            .map((line) => `  - ${line}`)\n            .join(\"\\n\"),\n        ].join(\"\\n\"),\n      );\n    }\n\n    return () => {\n      if (forceMount.value || present.value || isPresent.value) {\n        return h(slots.default({ present: isPresent.value })[0] as VNode, {\n          ref: (v) => {\n            const el = unrefElement(v as HTMLElement);\n            if (typeof el?.hasAttribute === \"undefined\") return el;\n\n            // special case to handle animation for PopperContent\n            if (el?.hasAttribute(\"data-reka-popper-content-wrapper\"))\n              node.value = el.firstElementChild as HTMLElement;\n            else node.value = el;\n\n            return el;\n          },\n        });\n      } else {\n        return null;\n      }\n    };\n  },\n});\n"],"names":[],"mappings":";;;;AAuBA,MAAA,WAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,YAAY;AAAA,MACV,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,OAAO,CAAA;AAAA,EAGP,MAAM,OAAO,EAAE,OAAO,UAAU;AAC9B,UAAM,EAAE,SAAS,eAAe,OAAO,KAAK;AAE5C,UAAM,OAAO,IAAA;AAEb,UAAM,EAAE,UAAA,IAAc,YAAY,SAAS,IAAI;AAC/C,WAAO,EAAE,SAAS,WAAW;AAE7B,QAAI,WAAW,MAAM,QAAQ,EAAE,SAAS,UAAU,OAAO;AACzD,eAAW,oBAAoB,YAAY,EAAE;AAC7C,UAAM,WAAW,mBAAA;AAEjB,QAAI,YAAY,UAAU,SAAS,GAAG;AACpC,YAAM,gBAAgB,UAAU,QAAQ,KAAK,OACzC,IAAI,SAAS,OAAO,KAAK,IAAI,QAC7B;AAEJ,YAAM,IAAI;AAAA,QACR;AAAA,UACE,sCAAsC,aAAa;AAAA,UACnD;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,YACE;AAAA,YACA;AAAA,UAAA,EAEC,IAAI,CAAC,SAAS,OAAO,IAAI,EAAE,EAC3B,KAAK,IAAI;AAAA,QAAA,EACZ,KAAK,IAAI;AAAA,MAAA;AAAA,IAEf;AAEA,WAAO,MAAM;AACX,UAAI,WAAW,SAAS,QAAQ,SAAS,UAAU,OAAO;AACxD,eAAO,EAAE,MAAM,QAAQ,EAAE,SAAS,UAAU,MAAA,CAAO,EAAE,CAAC,GAAY;AAAA,UAChE,KAAK,CAAC,MAAM;AACV,kBAAM,KAAK,aAAa,CAAgB;AACxC,gBAAI,OAAO,IAAI,iBAAiB,YAAa,QAAO;AAGpD,gBAAI,IAAI,aAAa,kCAAkC;AACrD,mBAAK,QAAQ,GAAG;AAAA,sBACR,QAAQ;AAElB,mBAAO;AAAA,UACT;AAAA,QAAA,CACD;AAAA,MACH,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/components/Presence/index.d.ts

@@ -0,0 +1 @@
+export { default as Presence, type PresenceProps } from './Presence';

package/dist/components/Presence/usePresence.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+export declare function usePresence(present: Ref<boolean>, node: Ref<HTMLElement | undefined>): {
+    isPresent: import('vue').ComputedRef<boolean>;
+};