@vifui/core 0.6.0-alpha.11 → 0.6.0-alpha.13

package/dist/components/index.d.ts

@@ -11,5 +11,6 @@ export * from "./list";
 export * from "./spinner";
 export * from "./switch";
 export * from "./tabs";
+export * from "./popover";
 export * from "./tooltip";
 export * from "./upload";

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

@@ -0,0 +1,19 @@
+export { default as PopoverRoot } from "./popover-root.vue";
+export { default as PopoverAnchor } from "./popover-anchor.vue";
+export { default as PopoverTrigger } from "./popover-trigger.vue";
+export { default as PopoverPortal } from "./popover-portal.vue";
+export { default as PopoverContent } from "./popover-content.vue";
+export { default as PopoverArrow } from "./popover-arrow.vue";
+export { default as PopoverClose } from "./popover-close.vue";
+export { default as PopoverTitle } from "./popover-title.vue";
+export { default as PopoverDescription } from "./popover-description.vue";
+export { popoverVariants, type PopoverVariantProps } from "./popover.styles";
+export type { PopoverRootProps, PopoverRootEmits, PopoverRootSlots, } from "./popover-root.vue";
+export type { PopoverAnchorProps, PopoverAnchorSlots, } from "./popover-anchor.vue";
+export type { PopoverTriggerProps, PopoverTriggerSlots, } from "./popover-trigger.vue";
+export type { PopoverPortalProps, PopoverPortalSlots, } from "./popover-portal.vue";
+export type { PopoverContentProps, PopoverContentSlots, PopoverContentEmits, } from "./popover-content.vue";
+export type { PopoverArrowProps, PopoverArrowSlots } from "./popover-arrow.vue";
+export type { PopoverCloseProps, PopoverCloseSlots } from "./popover-close.vue";
+export type { PopoverTitleProps, PopoverTitleSlots } from "./popover-title.vue";
+export type { PopoverDescriptionProps, PopoverDescriptionSlots } from "./popover-description.vue";

package/dist/components/popover/index.js

@@ -0,0 +1,10 @@
+export { default as PopoverRoot } from './popover-root.vue.js';
+export { default as PopoverAnchor } from './popover-anchor.vue.js';
+export { default as PopoverTrigger } from './popover-trigger.vue.js';
+export { default as PopoverPortal } from './popover-portal.vue.js';
+export { default as PopoverContent } from './popover-content.vue.js';
+export { default as PopoverArrow } from './popover-arrow.vue.js';
+export { default as PopoverClose } from './popover-close.vue.js';
+export { default as PopoverTitle } from './popover-title.vue.js';
+export { default as PopoverDescription } from './popover-description.vue.js';
+export { popoverVariants } from './popover.styles.js';

package/dist/components/popover/popover-anchor.vue.d.ts

@@ -0,0 +1,22 @@
+import { type PopoverAnchorProps as RekaPopoverAnchorProps } from "reka-ui";
+import { type HTMLAttributes } from "vue";
+/** props for the VifUI PopoverAnchor component */
+export interface PopoverAnchorProps extends RekaPopoverAnchorProps {
+    /**Custom class for the content */
+    class?: HTMLAttributes["class"];
+}
+/** Slots for the VifUI PopoverAnchor component */
+export interface PopoverAnchorSlots {
+    default: () => void;
+}
+type __VLS_Slots = PopoverAnchorSlots;
+declare const __VLS_component: import("vue").DefineComponent<PopoverAnchorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopoverAnchorProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/popover-anchor.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardProps, PopoverAnchor } from 'reka-ui';
+import { popoverVariants } from './popover.styles.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "popover-anchor",
+  props: {
+    class: { type: null, required: false },
+    reference: { type: null, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "div" }
+  },
+  setup(__props) {
+    const props = __props;
+    const anchorProps = useForwardProps(() => {
+      const { class: _, ...rest } = props;
+      return rest;
+    });
+    const theme = computed(() => popoverVariants().anchor({ class: props.class }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PopoverAnchor), mergeProps(unref(anchorProps), { class: theme.value }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/popover/popover-anchor.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './popover-anchor.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/popover/popover-arrow.vue.d.ts

@@ -0,0 +1,24 @@
+import { type PopoverArrowProps as RekaPopoverArrowProps } from "reka-ui";
+import { type HTMLAttributes } from "vue";
+/** props for the VifUI PopoverArrow component */
+export interface PopoverArrowProps extends RekaPopoverArrowProps {
+    /**Custom class for the content */
+    class?: HTMLAttributes["class"];
+}
+/** Slots for the VifUI PopoverArrow component */
+export interface PopoverArrowSlots {
+    default: () => void;
+}
+type __VLS_Slots = PopoverArrowSlots;
+declare const __VLS_component: import("vue").DefineComponent<PopoverArrowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopoverArrowProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+    width: number;
+    height: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/popover-arrow.vue.js

@@ -0,0 +1,34 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardProps, PopoverArrow } from 'reka-ui';
+import { popoverVariants } from './popover.styles.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "popover-arrow",
+  props: {
+    class: { type: null, required: false },
+    width: { type: Number, required: false, default: 10 },
+    height: { type: Number, required: false, default: 5 },
+    rounded: { type: Boolean, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "svg" }
+  },
+  setup(__props) {
+    const props = __props;
+    const triggerProps = useForwardProps(() => {
+      const { class: _, ...rest } = props;
+      return rest;
+    });
+    const theme = computed(() => popoverVariants().arrow({ class: props.class }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PopoverArrow), mergeProps(unref(triggerProps), { class: theme.value }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/popover/popover-arrow.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './popover-arrow.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/popover/popover-close.vue.d.ts

@@ -0,0 +1,22 @@
+import { type PopoverCloseProps as RekaPopoverCloseProps } from "reka-ui";
+import { type HTMLAttributes } from "vue";
+/** props for the VifUI PopoverClose component */
+export interface PopoverCloseProps extends RekaPopoverCloseProps {
+    /**Custom class for the content */
+    class?: HTMLAttributes["class"];
+}
+/** Slots for the VifUI PopoverClose component */
+export interface PopoverCloseSlots {
+    default: () => void;
+}
+type __VLS_Slots = PopoverCloseSlots;
+declare const __VLS_component: import("vue").DefineComponent<PopoverCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopoverCloseProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/popover-close.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createVNode } from 'vue';
+import { useForwardProps, PopoverClose } from 'reka-ui';
+import { popoverVariants } from './popover.styles.js';
+import { Icon } from '@iconify/vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "popover-close",
+  props: {
+    class: { type: null, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "button" }
+  },
+  setup(__props) {
+    const props = __props;
+    const triggerProps = useForwardProps(() => {
+      const { class: _, ...rest } = props;
+      return rest;
+    });
+    const theme = computed(() => popoverVariants().close({ class: props.class }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PopoverClose), mergeProps(unref(triggerProps), {
+        class: theme.value,
+        "aria-label": "Close popover"
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(unref(Icon), { icon: "radix-icons:cross-2" })
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/popover/popover-close.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './popover-close.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/popover/popover-content.vue.d.ts

@@ -0,0 +1,39 @@
+import { type PopoverContentProps as RekaPopoverContentProps, type PopoverContentEmits as RekaPopoverContentEmits } from "reka-ui";
+import { type HTMLAttributes } from "vue";
+/** props for the VifUI PopoverContent component */
+export interface PopoverContentProps extends RekaPopoverContentProps {
+    /**Custom class for the content */
+    class?: HTMLAttributes["class"];
+}
+/** Emits for the VifUI PopoverContent component */
+export interface PopoverContentEmits extends RekaPopoverContentEmits {
+}
+/** Slots for the VifUI PopoverContent component */
+export interface PopoverContentSlots {
+    default: () => void;
+}
+type __VLS_Slots = PopoverContentSlots;
+declare const __VLS_component: import("vue").DefineComponent<PopoverContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
+    focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
+    interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<PopoverContentProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/popover-content.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardPropsEmits, PopoverContent } from 'reka-ui';
+import { popoverVariants } from './popover.styles.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "popover-content",
+  props: {
+    class: { type: null, required: false },
+    forceMount: { type: Boolean, required: false },
+    side: { type: null, required: false },
+    sideOffset: { type: Number, required: false },
+    sideFlip: { type: Boolean, required: false },
+    align: { type: null, required: false },
+    alignOffset: { type: Number, required: false },
+    alignFlip: { type: Boolean, required: false },
+    avoidCollisions: { type: Boolean, required: false },
+    collisionBoundary: { type: null, required: false },
+    collisionPadding: { type: [Number, Object], required: false },
+    arrowPadding: { type: Number, required: false },
+    sticky: { type: String, required: false },
+    hideWhenDetached: { type: Boolean, required: false },
+    positionStrategy: { type: String, required: false },
+    updatePositionStrategy: { type: String, required: false },
+    disableUpdateOnLayoutShift: { type: Boolean, required: false },
+    prioritizePosition: { type: Boolean, required: false },
+    reference: { type: null, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "div" },
+    disableOutsidePointerEvents: { type: Boolean, required: false }
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const contentPropsEmits = useForwardPropsEmits(() => {
+      const { class: _, ...rest } = props;
+      return rest;
+    }, emits);
+    const theme = computed(
+      () => popoverVariants().content({
+        class: props.class
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PopoverContent), mergeProps(unref(contentPropsEmits), { class: theme.value }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/popover/popover-content.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './popover-content.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/popover/popover-description.vue.d.ts

@@ -0,0 +1,22 @@
+import { type HTMLAttributes } from "vue";
+import { type PrimitiveProps } from "reka-ui";
+/** props for the VifUI PopoverDescription component */
+export interface PopoverDescriptionProps extends PrimitiveProps {
+    /**Custom class for the content */
+    class?: HTMLAttributes["class"];
+}
+/** Slots for the VifUI PopoverDescription component */
+export interface PopoverDescriptionSlots {
+    default: () => void;
+}
+type __VLS_Slots = PopoverDescriptionSlots;
+declare const __VLS_component: import("vue").DefineComponent<PopoverDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopoverDescriptionProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/popover-description.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { popoverVariants } from './popover.styles.js';
+import { useForwardProps, Primitive } from 'reka-ui';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "popover-description",
+  props: {
+    class: { type: null, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "p" }
+  },
+  setup(__props) {
+    const props = __props;
+    const primitiveProps = useForwardProps(() => {
+      const { class: _, ...rest } = props;
+      return rest;
+    });
+    const theme = computed(
+      () => popoverVariants().description({ class: props.class })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps(unref(primitiveProps), { class: theme.value }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/popover/popover-description.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './popover-description.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/popover/popover-portal.vue.d.ts

@@ -0,0 +1,17 @@
+import { type PopoverPortalProps as RekaPopoverPortalProps } from "reka-ui";
+/** props for the VifUI PopoverPortal component */
+export interface PopoverPortalProps extends RekaPopoverPortalProps {
+}
+/** Slots for the VifUI PopoverPortal component */
+export interface PopoverPortalSlots {
+    default: () => void;
+}
+type __VLS_Slots = PopoverPortalSlots;
+declare const __VLS_component: import("vue").DefineComponent<PopoverPortalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopoverPortalProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/popover-portal.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { useForwardProps, PopoverPortal } from 'reka-ui';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "popover-portal",
+  props: {
+    to: { type: null, required: false },
+    disabled: { type: Boolean, required: false },
+    defer: { type: Boolean, required: false },
+    forceMount: { type: Boolean, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const portalProps = useForwardProps(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(
+        unref(PopoverPortal),
+        normalizeProps(guardReactiveProps(unref(portalProps))),
+        {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/popover/popover-portal.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './popover-portal.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/popover/popover-root.vue.d.ts

@@ -0,0 +1,32 @@
+import { type PopoverRootProps as RekaPopoverRootProps, type PopoverRootEmits as RekaPopoverRootEmits } from "reka-ui";
+/** props for the VifUI PopoverRoot component */
+export interface PopoverRootProps extends RekaPopoverRootProps {
+}
+/** Emits for the VifUI PopoverRoot component */
+export interface PopoverRootEmits extends RekaPopoverRootEmits {
+}
+/** Slots for the VifUI PopoverRoot component */
+export interface PopoverRootSlots {
+    default: (props: {
+        /**Current open state */
+        open: boolean;
+        /**Close the popover */
+        close: () => void;
+    }) => void;
+}
+type __VLS_Slots = PopoverRootSlots;
+declare const __VLS_component: 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;
+    modal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/popover-root.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { useForwardPropsEmits, PopoverRoot } from 'reka-ui';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "popover-root",
+  props: {
+    defaultOpen: { type: Boolean, required: false, default: false },
+    open: { type: Boolean, required: false },
+    modal: { type: Boolean, required: false, default: false }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const rootPropsEmits = useForwardPropsEmits(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(
+        unref(PopoverRoot),
+        normalizeProps(guardReactiveProps(unref(rootPropsEmits))),
+        {
+          default: withCtx(({ open, close }) => [
+            renderSlot(_ctx.$slots, "default", {
+              open,
+              close
+            })
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/popover/popover-root.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './popover-root.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/popover/popover-title.vue.d.ts

@@ -0,0 +1,22 @@
+import { type HTMLAttributes } from "vue";
+import { type PrimitiveProps } from "reka-ui";
+/** props for the VifUI PopoverTitle component */
+export interface PopoverTitleProps extends PrimitiveProps {
+    /**Custom class for the content */
+    class?: HTMLAttributes["class"];
+}
+/** Slots for the VifUI PopoverTitle component */
+export interface PopoverTitleSlots {
+    default: () => void;
+}
+type __VLS_Slots = PopoverTitleSlots;
+declare const __VLS_component: import("vue").DefineComponent<PopoverTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopoverTitleProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/popover-title.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { popoverVariants } from './popover.styles.js';
+import { useForwardProps, Primitive } from 'reka-ui';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "popover-title",
+  props: {
+    class: { type: null, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "h4" }
+  },
+  setup(__props) {
+    const props = __props;
+    const primitiveProps = useForwardProps(() => {
+      const { class: _, ...rest } = props;
+      return rest;
+    });
+    const theme = computed(() => popoverVariants().title({ class: props.class }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps(unref(primitiveProps), { class: theme.value }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/popover/popover-title.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './popover-title.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/popover/popover-trigger.vue.d.ts

@@ -0,0 +1,22 @@
+import { type PopoverTriggerProps as RekaPopoverTriggerProps } from "reka-ui";
+import { type HTMLAttributes } from "vue";
+/** props for the VifUI PopoverTrigger component */
+export interface PopoverTriggerProps extends RekaPopoverTriggerProps {
+    /**Custom class for the content */
+    class?: HTMLAttributes["class"];
+}
+/** Slots for the VifUI PopoverTrigger component */
+export interface PopoverTriggerSlots {
+    default: () => void;
+}
+type __VLS_Slots = PopoverTriggerSlots;
+declare const __VLS_component: import("vue").DefineComponent<PopoverTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopoverTriggerProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/popover-trigger.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardProps, PopoverTrigger } from 'reka-ui';
+import { popoverVariants } from './popover.styles.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "popover-trigger",
+  props: {
+    class: { type: null, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "button" }
+  },
+  setup(__props) {
+    const props = __props;
+    const triggerProps = useForwardProps(() => {
+      const { class: _, ...rest } = props;
+      return rest;
+    });
+    const theme = computed(() => popoverVariants().trigger({ class: props.class }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PopoverTrigger), mergeProps(unref(triggerProps), { class: theme.value }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/popover/popover-trigger.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './popover-trigger.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/popover/popover.styles.d.ts

@@ -0,0 +1,74 @@
+import type { VariantProps } from "tailwind-variants";
+/**
+ * Popover component variant mapper
+ *
+ * Maps variant props to @vifui/styles CSS classes
+ */
+export declare const popoverVariants: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            anchor?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            close?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            anchor?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            close?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    trigger: string;
+    anchor: string;
+    content: string;
+    title: string;
+    description: string;
+    arrow: string;
+    close: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            anchor?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            close?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    trigger: string;
+    anchor: string;
+    content: string;
+    title: string;
+    description: string;
+    arrow: string;
+    close: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    root: string;
+    trigger: string;
+    anchor: string;
+    content: string;
+    title: string;
+    description: string;
+    arrow: string;
+    close: string;
+}, undefined, unknown, unknown, undefined>>;
+export type PopoverVariantProps = VariantProps<typeof popoverVariants>;

package/dist/components/popover/popover.styles.js

@@ -0,0 +1,16 @@
+import { tv } from 'tailwind-variants';
+
+const popoverVariants = tv({
+  slots: {
+    root: "",
+    trigger: "vif-popover__trigger",
+    anchor: "",
+    content: "vif-popover__content",
+    title: "vif-popover__title",
+    description: "vif-popover__description",
+    arrow: "vif-popover__arrow",
+    close: "vif-popover__close"
+  }
+});
+
+export { popoverVariants };

package/dist/components/tooltip/tooltip.styles.d.ts

@@ -10,9 +10,9 @@ export declare const tooltipVariants: import("tailwind-variants").TVReturnType<{
             root?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
             provider?: import("tailwind-variants").ClassValue;
             portal?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
@@ -21,9 +21,9 @@ export declare const tooltipVariants: import("tailwind-variants").TVReturnType<{
             root?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
             provider?: import("tailwind-variants").ClassValue;
             portal?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -39,9 +39,9 @@ export declare const tooltipVariants: import("tailwind-variants").TVReturnType<{
             root?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
             provider?: import("tailwind-variants").ClassValue;
             portal?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {

package/dist/index.js

@@ -55,6 +55,15 @@ export { default as TabsList } from './components/tabs/tabs-list.vue.js';
 export { default as TabsIndicator } from './components/tabs/tabs-indicator.vue.js';
 export { default as TabsTrigger } from './components/tabs/tabs-trigger.vue.js';
 export { default as TabsContent } from './components/tabs/tabs-content.vue.js';
+export { default as PopoverRoot } from './components/popover/popover-root.vue.js';
+export { default as PopoverAnchor } from './components/popover/popover-anchor.vue.js';
+export { default as PopoverTrigger } from './components/popover/popover-trigger.vue.js';
+export { default as PopoverPortal } from './components/popover/popover-portal.vue.js';
+export { default as PopoverContent } from './components/popover/popover-content.vue.js';
+export { default as PopoverArrow } from './components/popover/popover-arrow.vue.js';
+export { default as PopoverClose } from './components/popover/popover-close.vue.js';
+export { default as PopoverTitle } from './components/popover/popover-title.vue.js';
+export { default as PopoverDescription } from './components/popover/popover-description.vue.js';
 export { default as TooltipProvider } from './components/tooltip/tooltip-provider.vue.js';
 export { default as TooltipRoot } from './components/tooltip/tooltip-root.vue.js';
 export { default as TooltipTrigger } from './components/tooltip/tooltip-trigger.vue.js';
@@ -75,6 +84,7 @@ export { listVariants } from './components/list/list.styles.js';
 export { spinnerVariants } from './components/spinner/spinner.styles.js';
 export { switchVariants } from './components/switch/switch.styles.js';
 export { tabsVariants } from './components/tabs/tabs.styles.js';
+export { popoverVariants } from './components/popover/popover.styles.js';
 export { tooltipVariants } from './components/tooltip/tooltip.styles.js';
 export { uploadVariants } from './components/upload/upload.styles.js';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vifui/core",
-  "version": "0.6.0-alpha.11",
+  "version": "0.6.0-alpha.13",
   "description": "A vivid, modern Vue 3 component library built with Tailwind CSS 4.🚀",
   "license": "MIT",
   "type": "module",