@rupe/v-datepicker 1.0.0-alpha.0

package/dist/components/Popover/PopoverRoot.d.ts

@@ -0,0 +1,55 @@
+import { Ref } from 'vue';
+export interface PopoverRootProps {
+    /**
+     * The open state of the popover when it is initially rendered. Use when you do not need to control its open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * The controlled open state of the popover.
+     */
+    open?: boolean;
+}
+export type PopoverRootEmits = {
+    /**
+     * Event handler called when the open state of the popover changes.
+     */
+    "update:open": [value: boolean];
+};
+export interface PopoverRootContext {
+    triggerElement: Ref<HTMLElement | undefined>;
+    triggerId: string;
+    contentId: string;
+    open: Ref<boolean>;
+    onOpenChange: (value: boolean) => void;
+    onOpenToggle: () => void;
+    hasCustomAnchor: Ref<boolean>;
+}
+export declare const injectPopoverRootContext: <T extends PopoverRootContext | null | undefined = PopoverRootContext>(fallback?: T | undefined) => T extends null ? PopoverRootContext | null : PopoverRootContext, providePopoverRootContext: (contextValue: PopoverRootContext) => PopoverRootContext;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<PopoverRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<PopoverRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    defaultOpen: boolean;
+    open: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
+    default?: (props: {
+        /** Current open state */
+        open: boolean;
+        /** Close the popover */
+        close: () => void;
+    }) => any;
+}> & {
+    default?: (props: {
+        /** Current open state */
+        open: boolean;
+        /** Close the popover */
+        close: () => void;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Popover/PopoverRoot.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent, ref, createBlock, openBlock, unref, withCtx, renderSlot } from "vue";
+import { useVModel } 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 "../Primitive/Primitive.js";
+import "../Primitive/Slot.js";
+import _sfc_main$1 from "../Popper/PopperRoot.vue.js";
+import { createContext } from "../../shared/createContext.js";
+const [injectPopoverRootContext, providePopoverRootContext] = createContext("PopoverRoot");
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PopoverRoot",
+  props: {
+    defaultOpen: { type: Boolean, default: false },
+    open: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const open = useVModel(props, "open", emit, {
+      defaultValue: props.defaultOpen,
+      passive: props.open === void 0
+    });
+    const triggerElement = ref();
+    const hasCustomAnchor = ref(false);
+    providePopoverRootContext({
+      contentId: "",
+      triggerId: "",
+      open,
+      onOpenChange: (value) => {
+        open.value = value;
+      },
+      onOpenToggle: () => {
+        open.value = !open.value;
+      },
+      triggerElement,
+      hasCustomAnchor
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), null, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {
+            open: unref(open),
+            close: () => open.value = false
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default,
+  injectPopoverRootContext,
+  providePopoverRootContext
+};
+//# sourceMappingURL=PopoverRoot.vue.js.map

package/dist/components/Popover/PopoverRoot.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverRoot.vue.js","sources":["../../../src/components/Popover/PopoverRoot.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Ref } from \"vue\";\nimport { createContext } from \"../../shared\";\n\nexport interface PopoverRootProps {\n  /**\n   * The open state of the popover when it is initially rendered. Use when you do not need to control its open state.\n   */\n  defaultOpen?: boolean;\n  /**\n   * The controlled open state of the popover.\n   */\n  open?: boolean;\n}\nexport type PopoverRootEmits = {\n  /**\n   * Event handler called when the open state of the popover changes.\n   */\n  \"update:open\": [value: boolean];\n};\n\nexport interface PopoverRootContext {\n  triggerElement: Ref<HTMLElement | undefined>;\n  triggerId: string;\n  contentId: string;\n  open: Ref<boolean>;\n  onOpenChange: (value: boolean) => void;\n  onOpenToggle: () => void;\n  hasCustomAnchor: Ref<boolean>;\n}\n\nexport const [injectPopoverRootContext, providePopoverRootContext] =\n  createContext<PopoverRootContext>(\"PopoverRoot\");\n</script>\n\n<script setup lang=\"ts\">\nimport { useVModel } from \"@vueuse/core\";\nimport { ref, toRefs } from \"vue\";\nimport { PopperRoot } from \"../Popper\";\n\nconst props = withDefaults(defineProps<PopoverRootProps>(), {\n  defaultOpen: false,\n  open: undefined,\n});\nconst emit = defineEmits<PopoverRootEmits>();\n\ndefineSlots<{\n  default?: (props: {\n    /** Current open state */\n    open: typeof open.value;\n    /** Close the popover */\n    close: () => void;\n  }) => any;\n}>();\n\nconst open = useVModel(props, \"open\", emit, {\n  defaultValue: props.defaultOpen,\n  passive: (props.open === undefined) as false,\n}) as Ref<boolean>;\n\nconst triggerElement = ref<HTMLElement>();\nconst hasCustomAnchor = ref(false);\n\nprovidePopoverRootContext({\n  contentId: \"\",\n  triggerId: \"\",\n  open,\n  onOpenChange: (value) => {\n    open.value = value;\n  },\n  onOpenToggle: () => {\n    open.value = !open.value;\n  },\n  triggerElement,\n  hasCustomAnchor,\n});\n</script>\n\n<template>\n  <PopperRoot>\n    <slot :open=\"open\" :close=\"() => (open = false)\" />\n  </PopperRoot>\n</template>\n"],"names":["_createBlock","_unref","PopperRoot","_renderSlot"],"mappings":";;;;;;AA+BO,MAAM,CAAC,0BAA0B,yBAAyB,IAC/D,cAAkC,aAAa;;;;;;;;;AAQjD,UAAM,QAAQ;AAId,UAAM,OAAO;AAWb,UAAM,OAAO,UAAU,OAAO,QAAQ,MAAM;AAAA,MAC1C,cAAc,MAAM;AAAA,MACpB,SAAU,MAAM,SAAS;AAAA,IAAA,CAC1B;AAED,UAAM,iBAAiB,IAAA;AACvB,UAAM,kBAAkB,IAAI,KAAK;AAEjC,8BAA0B;AAAA,MACxB,WAAW;AAAA,MACX,WAAW;AAAA,MACX;AAAA,MACA,cAAc,CAAC,UAAU;AACvB,aAAK,QAAQ;AAAA,MACf;AAAA,MACA,cAAc,MAAM;AAClB,aAAK,QAAQ,CAAC,KAAK;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;;0BAICA,YAEaC,MAAAC,WAAA,GAAA,MAAA;AAAA,yBADX,MAAmD;AAAA,UAAnDC,WAAmD,KAAA,QAAA,WAAA;AAAA,YAA5C,MAAMF,MAAA,IAAA;AAAA,YAAO,aAAc,KAAA,QAAI;AAAA,UAAA;;;;;;;"}

package/dist/components/Popover/PopoverRoot.vue2.js

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

package/dist/components/Popover/PopoverRoot.vue2.js.map

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

package/dist/components/Popover/PopoverTrigger.d.ts

@@ -0,0 +1,13 @@
+import { PrimitiveProps } from '../Primitive';
+export type PopoverTriggerProps = PrimitiveProps;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<PrimitiveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: import('../Primitive').AsTag | import('vue').Component;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Popover/PopoverTrigger.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent, onMounted, createBlock, openBlock, resolveDynamicComponent, unref, withCtx, createVNode, renderSlot } from "vue";
+import _sfc_main$1 from "../Popper/PopperAnchor.vue.js";
+import { useForwardExpose } from "../../shared/useForwardExpose.js";
+import { useId } from "../../shared/useId.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import "../Primitive/Slot.js";
+import { injectPopoverRootContext } from "./PopoverRoot.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PopoverTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = injectPopoverRootContext();
+    const { forwardRef, currentElement: triggerElement } = useForwardExpose();
+    rootContext.triggerId ||= useId(void 0, "reka-popover-trigger");
+    onMounted(() => {
+      rootContext.triggerElement.value = triggerElement.value;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(rootContext).hasCustomAnchor.value ? unref(Primitive) : unref(_sfc_main$1)), { "as-child": "" }, {
+        default: withCtx(() => [
+          createVNode(unref(Primitive), {
+            id: unref(rootContext).triggerId,
+            ref: unref(forwardRef),
+            type: __props.as === "button" ? "button" : void 0,
+            "aria-haspopup": "dialog",
+            "aria-expanded": unref(rootContext).open.value,
+            "aria-controls": unref(rootContext).contentId,
+            "data-state": unref(rootContext).open.value ? "open" : "closed",
+            as: __props.as,
+            "as-child": props.asChild,
+            onClick: unref(rootContext).onOpenToggle
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["id", "type", "aria-expanded", "aria-controls", "data-state", "as", "as-child", "onClick"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=PopoverTrigger.vue.js.map

package/dist/components/Popover/PopoverTrigger.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTrigger.vue.js","sources":["../../../src/components/Popover/PopoverTrigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from \"../Primitive\";\nimport { useForwardExpose, useId } from \"../../shared\";\n\nexport type PopoverTriggerProps = PrimitiveProps;\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted } from \"vue\";\nimport { PopperAnchor } from \"../Popper\";\nimport { Primitive } from \"../Primitive\";\nimport { injectPopoverRootContext } from \"./PopoverRoot.vue\";\n\nconst props = withDefaults(defineProps<PopoverTriggerProps>(), {\n  as: \"button\",\n});\n\nconst rootContext = injectPopoverRootContext();\n\nconst { forwardRef, currentElement: triggerElement } = useForwardExpose();\n\nrootContext.triggerId ||= useId(undefined, \"reka-popover-trigger\");\nonMounted(() => {\n  rootContext.triggerElement.value = triggerElement.value;\n});\n</script>\n\n<template>\n  <component\n    :is=\"rootContext.hasCustomAnchor.value ? Primitive : PopperAnchor\"\n    as-child\n  >\n    <Primitive\n      :id=\"rootContext.triggerId\"\n      :ref=\"forwardRef\"\n      :type=\"as === 'button' ? 'button' : undefined\"\n      aria-haspopup=\"dialog\"\n      :aria-expanded=\"rootContext.open.value\"\n      :aria-controls=\"rootContext.contentId\"\n      :data-state=\"rootContext.open.value ? 'open' : 'closed'\"\n      :as=\"as\"\n      :as-child=\"props.asChild\"\n      @click=\"rootContext.onOpenToggle\"\n    >\n      <slot />\n    </Primitive>\n  </component>\n</template>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_unref","PopperAnchor","_createVNode","_renderSlot"],"mappings":";;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAId,UAAM,cAAc,yBAAA;AAEpB,UAAM,EAAE,YAAY,gBAAgB,eAAA,IAAmB,iBAAA;AAEvD,gBAAY,cAAc,MAAM,QAAW,sBAAsB;AACjE,cAAU,MAAM;AACd,kBAAY,eAAe,QAAQ,eAAe;AAAA,IACpD,CAAC;;AAIC,aAAAA,aAAAC,YAkBYC,wBAjBLC,MAAA,WAAA,EAAY,gBAAgB,QAAQA,MAAA,SAAA,IAAYA,MAAAC,WAAA,CAAY,GAAA,EACjE,YAAA,MAAQ;AAAA,yBAER,MAaY;AAAA,UAbZC,YAaYF,MAAA,SAAA,GAAA;AAAA,YAZT,IAAIA,MAAA,WAAA,EAAY;AAAA,YAChB,KAAKA,MAAA,UAAA;AAAA,YACL,MAAM,QAAA,OAAE,WAAA,WAA2B;AAAA,YACpC,iBAAc;AAAA,YACb,iBAAeA,MAAA,WAAA,EAAY,KAAK;AAAA,YAChC,iBAAeA,MAAA,WAAA,EAAY;AAAA,YAC3B,cAAYA,MAAA,WAAA,EAAY,KAAK,QAAK,SAAA;AAAA,YAClC,IAAI,QAAA;AAAA,YACJ,YAAU,MAAM;AAAA,YAChB,SAAOA,MAAA,WAAA,EAAY;AAAA,UAAA;6BAEpB,MAAQ;AAAA,cAARG,WAAQ,KAAA,QAAA,SAAA;AAAA,YAAA;;;;;;;;;"}

package/dist/components/Popover/PopoverTrigger.vue2.js

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

package/dist/components/Popover/PopoverTrigger.vue2.js.map

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

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

@@ -0,0 +1,7 @@
+export { default as PopoverAnchor, type PopoverAnchorProps, } from './PopoverAnchor';
+export { default as PopoverArrow, type PopoverArrowProps, } from './PopoverArrow';
+export { default as PopoverClose, type PopoverCloseProps, } from './PopoverClose';
+export { default as PopoverContent, type PopoverContentEmits, type PopoverContentProps, } from './PopoverContent';
+export { default as PopoverPortal, type PopoverPortalProps, } from './PopoverPortal';
+export { injectPopoverRootContext, default as PopoverRoot, type PopoverRootEmits, type PopoverRootProps, } from './PopoverRoot';
+export { default as PopoverTrigger, type PopoverTriggerProps, } from './PopoverTrigger';

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

@@ -0,0 +1,19 @@
+import { ReferenceElement } from '@floating-ui/vue';
+import { PrimitiveProps } from '../Primitive';
+export interface PopperAnchorProps extends PrimitiveProps {
+    /**
+     *  The reference (or anchor) element that is being referred to for positioning.
+     *
+     *  If not provided will use the current component as anchor.
+     */
+    reference?: ReferenceElement;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<PopperAnchorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PopperAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,37 @@
+import { defineComponent, watchPostEffect, createBlock, openBlock, unref, withCtx, renderSlot } from "vue";
+import { Primitive } from "../Primitive/Primitive.js";
+import "../Primitive/Slot.js";
+import { injectPopperRootContext } from "./PopperRoot.vue.js";
+import { useForwardExpose } from "../../shared/useForwardExpose.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PopperAnchor",
+  props: {
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { forwardRef, currentElement } = useForwardExpose();
+    const rootContext = injectPopperRootContext();
+    watchPostEffect(() => {
+      rootContext.onAnchorChange(props.reference ?? currentElement.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        ref: unref(forwardRef),
+        as: __props.as,
+        "as-child": __props.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=PopperAnchor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopperAnchor.vue.js","sources":["../../../src/components/Popper/PopperAnchor.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ReferenceElement } from \"@floating-ui/vue\";\nimport type { PrimitiveProps } from \"../Primitive\";\nimport { useForwardExpose } from \"../../shared\";\n\nexport interface PopperAnchorProps extends PrimitiveProps {\n  /**\n   *  The reference (or anchor) element that is being referred to for positioning.\n   *\n   *  If not provided will use the current component as anchor.\n   */\n  reference?: ReferenceElement;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { watchPostEffect } from \"vue\";\nimport { Primitive } from \"../Primitive\";\nimport { injectPopperRootContext } from \"./PopperRoot.vue\";\n\nconst props = defineProps<PopperAnchorProps>();\n\nconst { forwardRef, currentElement } = useForwardExpose();\n\nconst rootContext = injectPopperRootContext();\n\nwatchPostEffect(() => {\n  rootContext.onAnchorChange(props.reference ?? currentElement.value);\n});\n</script>\n\n<template>\n  <Primitive :ref=\"forwardRef\" :as=\"as\" :as-child=\"asChild\">\n    <slot />\n  </Primitive>\n</template>\n"],"names":["_createBlock","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;AAoBA,UAAM,QAAQ;AAEd,UAAM,EAAE,YAAY,eAAA,IAAmB,iBAAA;AAEvC,UAAM,cAAc,wBAAA;AAEpB,oBAAgB,MAAM;AACpB,kBAAY,eAAe,MAAM,aAAa,eAAe,KAAK;AAAA,IACpE,CAAC;;0BAICA,YAEYC,MAAA,SAAA,GAAA;AAAA,QAFA,KAAKA,MAAA,UAAA;AAAA,QAAa,IAAI,QAAA;AAAA,QAAK,YAAU,QAAA;AAAA,MAAA;yBAC/C,MAAQ;AAAA,UAARC,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { PrimitiveProps } from '../Primitive';
+import { ArrowProps } from '../../shared/component/Arrow';
+export interface PopperArrowProps extends ArrowProps, PrimitiveProps {
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<PopperArrowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PopperArrowProps> & Readonly<{}>, {
+    as: import('../Primitive').AsTag | import('vue').Component;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,76 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, unref, createVNode, mergeProps, withCtx, renderSlot } from "vue";
+import { useForwardExpose } from "../../shared/useForwardExpose.js";
+import _sfc_main$1 from "../../shared/component/Arrow.vue.js";
+import { injectPopperContentContext } from "./PopperContent.vue2.js";
+const OPPOSITE_SIDE = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "PopperArrow",
+  props: {
+    width: {},
+    height: {},
+    rounded: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { default: "svg" }
+  },
+  setup(__props) {
+    const { forwardRef } = useForwardExpose();
+    const contentContext = injectPopperContentContext();
+    const baseSide = computed(() => OPPOSITE_SIDE[contentContext.placedSide.value]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref: (el) => {
+          unref(contentContext).onArrowChange(el);
+          return void 0;
+        },
+        style: normalizeStyle({
+          position: "absolute",
+          left: unref(contentContext).arrowX?.value ? `${unref(contentContext).arrowX?.value}px` : void 0,
+          top: unref(contentContext).arrowY?.value ? `${unref(contentContext).arrowY?.value}px` : void 0,
+          [baseSide.value]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[unref(contentContext).placedSide.value],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: `rotate(180deg)`,
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[unref(contentContext).placedSide.value],
+          visibility: unref(contentContext).shouldHideArrow.value ? "hidden" : void 0
+        })
+      }, [
+        createVNode(_sfc_main$1, mergeProps(_ctx.$attrs, {
+          ref: unref(forwardRef),
+          style: {
+            display: "block"
+          },
+          as: __props.as,
+          "as-child": __props.asChild,
+          rounded: __props.rounded,
+          width: __props.width,
+          height: __props.height
+        }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["as", "as-child", "rounded", "width", "height"])
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=PopperArrow.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopperArrow.vue.js","sources":["../../../src/components/Popper/PopperArrow.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Side } from \"./utils\";\nimport type { PrimitiveProps } from \"../Primitive\";\nimport type { ArrowProps } from \"../../shared/component/Arrow.vue\";\n\nconst OPPOSITE_SIDE: Record<Side, Side> = {\n  top: \"bottom\",\n  right: \"left\",\n  bottom: \"top\",\n  left: \"right\",\n};\n\nexport interface PopperArrowProps extends ArrowProps, PrimitiveProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useForwardExpose } from \"../../shared\";\nimport Arrow from \"../../shared/component/Arrow.vue\";\nimport { injectPopperContentContext } from \"./PopperContent.vue\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nwithDefaults(defineProps<PopperArrowProps>(), { as: \"svg\" });\n\nconst { forwardRef } = useForwardExpose();\nconst contentContext = injectPopperContentContext();\n\nconst baseSide = computed(() => OPPOSITE_SIDE[contentContext.placedSide.value]);\n</script>\n\n<template>\n  <span\n    :ref=\"\n      (el: HTMLElement) => {\n        contentContext.onArrowChange(el);\n        return undefined;\n      }\n    \"\n    :style=\"{\n      position: 'absolute',\n      left: contentContext.arrowX?.value\n        ? `${contentContext.arrowX?.value}px`\n        : undefined,\n      top: contentContext.arrowY?.value\n        ? `${contentContext.arrowY?.value}px`\n        : undefined,\n      [baseSide]: 0,\n      transformOrigin: {\n        top: '',\n        right: '0 0',\n        bottom: 'center 0',\n        left: '100% 0',\n      }[contentContext.placedSide.value],\n      transform: {\n        top: 'translateY(100%)',\n        right: 'translateY(50%) rotate(90deg) translateX(-50%)',\n        bottom: `rotate(180deg)`,\n        left: 'translateY(50%) rotate(-90deg) translateX(50%)',\n      }[contentContext.placedSide.value],\n      visibility: contentContext.shouldHideArrow.value ? 'hidden' : undefined,\n    }\"\n  >\n    <Arrow\n      v-bind=\"$attrs\"\n      :ref=\"forwardRef\"\n      :style=\"{\n        display: 'block',\n      }\"\n      :as=\"as\"\n      :as-child=\"asChild\"\n      :rounded=\"rounded\"\n      :width=\"width\"\n      :height=\"height\"\n    >\n      <slot />\n    </Arrow>\n  </span>\n</template>\n"],"names":["_createElementBlock","_unref","_normalizeStyle","_createVNode","Arrow","_mergeProps","_renderSlot"],"mappings":";;;;AAKA,MAAM,gBAAoC;AAAA,EACxC,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR;;;;;;;;;;;;;;AAiBA,UAAM,EAAE,WAAA,IAAe,iBAAA;AACvB,UAAM,iBAAiB,2BAAA;AAEvB,UAAM,WAAW,SAAS,MAAM,cAAc,eAAe,WAAW,KAAK,CAAC;;0BAI5EA,mBA6CO,QAAA;AAAA,QA5CJ,MAAa,OAAe;AAAeC,gBAAA,cAAA,EAAe,cAAc,EAAE;iBAAkB;AAAA;QAM5F,OAAKC,eAAA;AAAA;gBAA4CD,MAAA,cAAA,EAAe,QAAQ,WAAmBA,MAAA,cAAA,EAAe,QAAQ,KAAK,OAAe;AAAA,eAAsBA,MAAA,cAAA,EAAe,QAAQ,WAAmBA,MAAA,cAAA,EAAe,QAAQ,KAAK,OAAe;AAAA,WAAkB,SAAA,KAAQ,GAAA;AAAA;;;;;YAAkIA,MAAA,cAAA,EAAe,WAAW,KAAK;AAAA;;;;;YAAkOA,MAAA,cAAA,EAAe,WAAW,KAAK;AAAA,UAAqB,YAAAA,MAAA,cAAA,EAAe,gBAAgB,mBAAmB;AAAA,QAAA;;QAwBrvBE,YAaQC,aAbRC,WAaQ,KAAA,QAZQ;AAAA,UACb,KAAKJ,MAAA,UAAA;AAAA,UACL,OAAO;AAAA;;UAGP,IAAI,QAAA;AAAA,UACJ,YAAU,QAAA;AAAA,UACV,SAAS,QAAA;AAAA,UACT,OAAO,QAAA;AAAA,UACP,QAAQ,QAAA;AAAA,QAAA;2BAET,MAAQ;AAAA,YAARK,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;"}

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

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

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

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

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

@@ -0,0 +1,179 @@
+import { ReferenceElement } from '@floating-ui/vue';
+import { Ref } from 'vue';
+import { Align, Side } from './utils';
+import { PrimitiveProps } from '../Primitive';
+export declare const PopperContentPropsDefaultValue: {
+    side: Side;
+    sideOffset: number;
+    sideFlip: boolean;
+    align: Align;
+    alignOffset: number;
+    alignFlip: boolean;
+    arrowPadding: number;
+    avoidCollisions: boolean;
+    collisionBoundary: () => never[];
+    collisionPadding: number;
+    sticky: "partial" | "always";
+    hideWhenDetached: boolean;
+    positionStrategy: "absolute" | "fixed";
+    updatePositionStrategy: "optimized" | "always";
+    prioritizePosition: boolean;
+};
+export interface PopperContentProps extends PrimitiveProps {
+    /**
+     * The preferred side of the trigger to render against when open.
+     * Will be reversed when collisions occur and avoidCollisions
+     * is enabled.
+     *
+     * @defaultValue "top"
+     */
+    side?: Side;
+    /**
+     * The distance in pixels from the trigger.
+     *
+     * @defaultValue 0
+     */
+    sideOffset?: number;
+    /**
+     * Flip to the opposite side when colliding with boundary.
+     *
+     * @defaultValue true
+     */
+    sideFlip?: boolean;
+    /**
+     * The preferred alignment against the trigger.
+     * May change when collisions occur.
+     *
+     * @defaultValue "center"
+     */
+    align?: Align;
+    /**
+     * An offset in pixels from the `start` or `end` alignment options.
+     *
+     * @defaultValue 0
+     */
+    alignOffset?: number;
+    /**
+     * Flip alignment when colliding with boundary.
+     * May only occur when `prioritizePosition` is true.
+     *
+     * @defaultValue true
+     */
+    alignFlip?: boolean;
+    /**
+     * When `true`, overrides the side and align preferences
+     * to prevent collisions with boundary edges.
+     *
+     * @defaultValue true
+     */
+    avoidCollisions?: boolean;
+    /**
+     * The element used as the collision boundary. By default
+     * this is the viewport, though you can provide additional
+     * element(s) to be included in this check.
+     *
+     * @defaultValue []
+     */
+    collisionBoundary?: Element | null | Array<Element | null>;
+    /**
+     * The distance in pixels from the boundary edges where collision
+     * detection should occur. Accepts a number (same for all sides),
+     * or a partial padding object, for example: { top: 20, left: 20 }.
+     *
+     * @defaultValue 0
+     */
+    collisionPadding?: number | Partial<Record<Side, number>>;
+    /**
+     * The padding between the arrow and the edges of the content.
+     * If your content has border-radius, this will prevent it from
+     * overflowing the corners.
+     *
+     * @defaultValue 0
+     */
+    arrowPadding?: number;
+    /**
+     * The sticky behavior on the align axis. `partial` will keep the
+     * content in the boundary as long as the trigger is at least partially
+     * in the boundary whilst "always" will keep the content in the boundary
+     * regardless.
+     *
+     * @defaultValue "partial"
+     */
+    sticky?: "partial" | "always";
+    /**
+     * Whether to hide the content when the trigger becomes fully occluded.
+     *
+     * @defaultValue false
+     */
+    hideWhenDetached?: boolean;
+    /**
+     *  The type of CSS position property to use.
+     */
+    positionStrategy?: "absolute" | "fixed";
+    /**
+     * Strategy to update the position of the floating element on every animation frame.
+     *
+     * @defaultValue 'optimized'
+     */
+    updatePositionStrategy?: "optimized" | "always";
+    /**
+     * Whether to disable the update position for the content when the layout shifted.
+     *
+     * @defaultValue false
+     */
+    disableUpdateOnLayoutShift?: boolean;
+    /**
+     * Force content to be position within the viewport.
+     *
+     * Might overlap the reference element, which may not be desired.
+     *
+     * @defaultValue false
+     */
+    prioritizePosition?: boolean;
+    /**
+     *  The custom element or virtual element that will be set as the reference
+     *  to position the floating element.
+     *
+     *  If provided, it will replace the default anchor element.
+     */
+    reference?: ReferenceElement;
+}
+export interface PopperContentContext {
+    placedSide: Ref<Side>;
+    onArrowChange: (arrow: HTMLElement | undefined) => void;
+    arrowX?: Ref<number>;
+    arrowY?: Ref<number>;
+    shouldHideArrow: Ref<boolean>;
+}
+export declare const injectPopperContentContext: <T extends PopperContentContext | null | undefined = PopperContentContext>(fallback?: T | undefined) => T extends null ? PopperContentContext | null : PopperContentContext, providePopperContentContext: (contextValue: PopperContentContext) => PopperContentContext;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<PopperContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    placed: (args_0: void) => any;
+}, string, import('vue').PublicProps, Readonly<PopperContentProps> & Readonly<{
+    onPlaced?: ((args_0?: void | undefined) => any) | undefined;
+}>, {
+    side: Side;
+    align: Align;
+    sideOffset: number;
+    sideFlip: boolean;
+    alignOffset: number;
+    alignFlip: boolean;
+    avoidCollisions: boolean;
+    collisionBoundary: Element | null | Array<Element | null>;
+    collisionPadding: number | Partial<Record<Side, number>>;
+    arrowPadding: number;
+    sticky: "partial" | "always";
+    hideWhenDetached: boolean;
+    positionStrategy: "absolute" | "fixed";
+    updatePositionStrategy: "optimized" | "always";
+    prioritizePosition: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    floatingRef: HTMLDivElement;
+}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,9 @@
+import _sfc_main from "./PopperContent.vue2.js";
+import { PopperContentPropsDefaultValue, injectPopperContentContext, providePopperContentContext } from "./PopperContent.vue2.js";
+export {
+  PopperContentPropsDefaultValue,
+  _sfc_main as default,
+  injectPopperContentContext,
+  providePopperContentContext
+};
+//# sourceMappingURL=PopperContent.vue.js.map

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

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