@alikhalilll/ui 1.1.0 → 1.1.1

package/dist/index.d.ts

@@ -26,7 +26,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
 size: Size;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_10: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {
+declare const __VLS_component_10: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {
 sideOffset: number;
 align: "start" | "center" | "end";
 overlay: boolean;
@@ -80,7 +80,7 @@ kbdOpen: string | null;
 kbdClose: string | null;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_13: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{}>, {
+declare const __VLS_component_13: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{}>, {
 width: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -134,14 +134,14 @@ shouldScaleBackground: boolean;
 
 declare const __VLS_component_6: DefineComponent<DrawerTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DrawerTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_7: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_7: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
 interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
 openAutoFocus: (event: Event) => any;
 closeAutoFocus: (event: Event) => any;
-}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
 onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
 onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
 onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -159,7 +159,7 @@ modal: boolean;
 breakpoint: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_9: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {
+declare const __VLS_component_9: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {
 breakpoint: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -177,6 +177,43 @@ declare type __VLS_Props = {
 };
 
 declare type __VLS_Props_10 = {
+    class?: HTMLAttributes['class'];
+    triggerClass?: HTMLAttributes['class'];
+    contentClass?: HTMLAttributes['class'];
+    popoverClass?: HTMLAttributes['class'];
+    drawerClass?: HTMLAttributes['class'];
+    searchPlaceholder?: string;
+    emptyText?: string;
+    loadingText?: string;
+    suggestedLabel?: string;
+    allCountriesLabel?: string;
+    /** ISO2 codes that are selectable. Others are listed but disabled. */
+    allowedDialCodes?: string[];
+    disabled?: boolean;
+    /** Drives the trigger button padding + text size. Matches ATellInput's `size`. */
+    size?: Size;
+    /** Max items rendered under the "Suggested" header (current + recents, deduped). */
+    suggestedLimit?: number;
+    /** Cap the number of matching countries shown in search results. */
+    maxResults?: number;
+    /** Override the flag URL builder, e.g. `(iso, w) => \`/flags/${iso}.svg\``. */
+    flagUrl?: (iso2: string, width: number) => string;
+    /**
+     * Custom search predicate. Default: substring match on the precomputed `search_key`.
+     * Return `true` to keep the country in results.
+     */
+    searcher?: (query: string, country: CountryOption) => boolean;
+    /**
+     * Provide your own country list (bypasses the REST Countries fetch). Useful when you
+     * already have a curated subset, an i18n'd list, or want to avoid the network call.
+     */
+    countries?: CountryOption[];
+    /** Override the right-side kbd hints. Pass `null` to hide. */
+    kbdOpen?: string | null;
+    kbdClose?: string | null;
+};
+
+declare type __VLS_Props_11 = {
     /** ISO 3166-1 alpha-2 country code, case-insensitive. */
     iso2: string;
     /** Pixel width served by flagcdn. 40 is crisp at retina up to ~24px wide. */
@@ -191,20 +228,26 @@ declare type __VLS_Props_10 = {
 
 declare type __VLS_Props_2 = PopoverContentProps & {
     class?: HTMLAttributes['class'];
-    /** Render a dimmed, clickable backdrop behind the popover. Pair with `<APopover modal>`. */
+    /** Dim the entire viewport behind the popover and block all interaction with the
+     *  page (clicks are captured by the overlay; body scroll is locked while open).
+     *  Pair with `<APopover :modal="true">` (the default) for the full modal behaviour. */
     overlay?: boolean;
     overlayClass?: HTMLAttributes['class'];
 };
 
-declare type __VLS_Props_3 = DialogContentProps & {
+declare type __VLS_Props_3 = {
     class?: HTMLAttributes['class'];
 };
 
-declare type __VLS_Props_4 = DialogOverlayProps & {
+declare type __VLS_Props_4 = DialogContentProps & {
     class?: HTMLAttributes['class'];
 };
 
-declare type __VLS_Props_5 = {
+declare type __VLS_Props_5 = DialogOverlayProps & {
+    class?: HTMLAttributes['class'];
+};
+
+declare type __VLS_Props_6 = {
     /** CSS media query for the desktop break. Below this width we render a vaul drawer. */
     breakpoint?: string;
     /**
@@ -214,12 +257,12 @@ declare type __VLS_Props_5 = {
     modal?: boolean;
 };
 
-declare type __VLS_Props_6 = {
+declare type __VLS_Props_7 = {
     breakpoint?: string;
     asChild?: boolean;
 };
 
-declare type __VLS_Props_7 = {
+declare type __VLS_Props_8 = {
     breakpoint?: string;
     /** Classes applied on both branches. Avoid width / inset classes here. */
     class?: HTMLAttributes['class'];
@@ -237,57 +280,20 @@ declare type __VLS_Props_7 = {
     sideOffset?: number;
 };
 
-declare type __VLS_Props_8 = ExtendedProps;
-
-declare type __VLS_Props_9 = {
-    class?: HTMLAttributes['class'];
-    triggerClass?: HTMLAttributes['class'];
-    contentClass?: HTMLAttributes['class'];
-    popoverClass?: HTMLAttributes['class'];
-    drawerClass?: HTMLAttributes['class'];
-    searchPlaceholder?: string;
-    emptyText?: string;
-    loadingText?: string;
-    suggestedLabel?: string;
-    allCountriesLabel?: string;
-    /** ISO2 codes that are selectable. Others are listed but disabled. */
-    allowedDialCodes?: string[];
-    disabled?: boolean;
-    /** Drives the trigger button padding + text size. Matches ATellInput's `size`. */
-    size?: Size;
-    /** Max items rendered under the "Suggested" header (current + recents, deduped). */
-    suggestedLimit?: number;
-    /** Cap the number of matching countries shown in search results. */
-    maxResults?: number;
-    /** Override the flag URL builder, e.g. `(iso, w) => \`/flags/${iso}.svg\``. */
-    flagUrl?: (iso2: string, width: number) => string;
-    /**
-     * Custom search predicate. Default: substring match on the precomputed `search_key`.
-     * Return `true` to keep the country in results.
-     */
-    searcher?: (query: string, country: CountryOption) => boolean;
-    /**
-     * Provide your own country list (bypasses the REST Countries fetch). Useful when you
-     * already have a curated subset, an i18n'd list, or want to avoid the network call.
-     */
-    countries?: CountryOption[];
-    /** Override the right-side kbd hints. Pass `null` to hide. */
-    kbdOpen?: string | null;
-    kbdClose?: string | null;
-};
+declare type __VLS_Props_9 = ExtendedProps;
 
 declare type __VLS_PublicProps = {
     'open'?: boolean;
-} & __VLS_Props_5;
+} & __VLS_Props_6;
 
 declare type __VLS_PublicProps_2 = {
     'phone'?: string;
     'country'?: number | null;
-} & __VLS_Props_8;
+} & __VLS_Props_9;
 
 declare type __VLS_PublicProps_3 = {
     'selected'?: string;
-} & __VLS_Props_9;
+} & __VLS_Props_10;
 
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -746,7 +752,7 @@ export declare const ADrawer: __VLS_WithTemplateSlots_5<typeof __VLS_component_5
 
 export declare const ADrawerContent: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
-export declare const ADrawerOverlay: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export declare const ADrawerOverlay: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare const ADrawerTrigger: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
@@ -756,6 +762,8 @@ export declare const APopover: __VLS_WithTemplateSlots_2<typeof __VLS_component_
 
 export declare const APopoverContent: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
+export declare const APopoverOverlay: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 export declare const APopoverTrigger: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
 export declare const AResponsivePopover: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;

package/dist/index.mjs

@@ -1,37 +1,38 @@
 import { _ as a } from "./chunks/AInput.vue_vue_type_script_setup_true_lang-BJUP7ePq.mjs";
-import { _ as s, a as t, b as n } from "./chunks/APopoverContent.vue_vue_type_script_setup_true_lang-BRqULKIg.mjs";
-import { _ as A, a as l, b as i, c } from "./chunks/ADrawerContent.vue_vue_type_script_setup_true_lang-BivIZvV1.mjs";
-import { _ as u, a as v, b as f } from "./chunks/AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-CCGyy9Lp.mjs";
-import { _ as D, a as P, b as S, D as T, c as _, d, e as m, u as C, f as E } from "./chunks/ATellInput.vue_vue_type_script_setup_true_lang-B4lyNu_f.mjs";
+import { _ as s, a as t, b as n, c as p } from "./chunks/APopoverContent.vue_vue_type_script_setup_true_lang-o1XhV9DM.mjs";
+import { _ as l, a as i, b as c, c as v } from "./chunks/ADrawerContent.vue_vue_type_script_setup_true_lang-BivIZvV1.mjs";
+import { _ as u, a as P, b as f } from "./chunks/AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-BYEb5UBL.mjs";
+import { _ as D, a as S, b as T, D as _, c as d, d as m, e as C, u as E, f as y } from "./chunks/ATellInput.vue_vue_type_script_setup_true_lang-Clc-B8SW.mjs";
 import { c as b } from "./chunks/cn-B6yFEsav.mjs";
-import { D as I, S as w, c as F, a as h, b as U, d as H } from "./chunks/sizes-B_9MfLkz.mjs";
+import { D as w, S as F, c as h, a as O, b as U, d as H } from "./chunks/sizes-B_9MfLkz.mjs";
 export {
   D as ACountryFlag,
-  P as ACountrySelect,
-  A as ADrawer,
-  l as ADrawerContent,
-  i as ADrawerOverlay,
-  c as ADrawerTrigger,
+  S as ACountrySelect,
+  l as ADrawer,
+  i as ADrawerContent,
+  c as ADrawerOverlay,
+  v as ADrawerTrigger,
   a as AInput,
   s as APopover,
   t as APopoverContent,
-  n as APopoverTrigger,
+  n as APopoverOverlay,
+  p as APopoverTrigger,
   u as AResponsivePopover,
-  v as AResponsivePopoverContent,
+  P as AResponsivePopoverContent,
   f as AResponsivePopoverTrigger,
-  S as ATellInput,
-  T as DEFAULT_ERROR_MESSAGES,
-  I as DEFAULT_SIZE,
-  w as SIZES,
-  _ as aTellInputVariants,
+  T as ATellInput,
+  _ as DEFAULT_ERROR_MESSAGES,
+  w as DEFAULT_SIZE,
+  F as SIZES,
+  d as aTellInputVariants,
   b as cn,
-  F as controlHeight,
-  h as controlHeightPx,
+  h as controlHeight,
+  O as controlHeightPx,
   U as controlPaddingX,
   H as controlTextSize,
-  d as defaultFlagUrl,
-  m as detectCountry,
-  C as useCountryDetection,
-  E as usePhoneValidation
+  m as defaultFlagUrl,
+  C as detectCountry,
+  E as useCountryDetection,
+  y as usePhoneValidation
 };
 //# sourceMappingURL=index.mjs.map

package/dist/popover.d.ts

@@ -41,11 +41,17 @@ overlay: boolean;
 
 declare type __VLS_Props = PopoverContentProps & {
     class?: HTMLAttributes['class'];
-    /** Render a dimmed, clickable backdrop behind the popover. Pair with `<APopover modal>`. */
+    /** Dim the entire viewport behind the popover and block all interaction with the
+     *  page (clicks are captured by the overlay; body scroll is locked while open).
+     *  Pair with `<APopover :modal="true">` (the default) for the full modal behaviour. */
     overlay?: boolean;
     overlayClass?: HTMLAttributes['class'];
 };
 
+declare type __VLS_Props_2 = {
+    class?: HTMLAttributes['class'];
+};
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -104,6 +110,8 @@ export declare const APopover: __VLS_WithTemplateSlots<typeof __VLS_component, _
 
 export declare const APopoverContent: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
+export declare const APopoverOverlay: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 export declare const APopoverTrigger: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 export { }

package/dist/popover.mjs

@@ -1,7 +1,8 @@
-import { _ as e, a, b as p } from "./chunks/APopoverContent.vue_vue_type_script_setup_true_lang-BRqULKIg.mjs";
+import { _ as e, a, b as p, c as v } from "./chunks/APopoverContent.vue_vue_type_script_setup_true_lang-o1XhV9DM.mjs";
 export {
   e as APopover,
   a as APopoverContent,
-  p as APopoverTrigger
+  p as APopoverOverlay,
+  v as APopoverTrigger
 };
 //# sourceMappingURL=popover.mjs.map

package/dist/responsive-popover.mjs

@@ -1,4 +1,4 @@
-import { _ as s, a as p, b as r } from "./chunks/AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-CCGyy9Lp.mjs";
+import { _ as s, a as p, b as r } from "./chunks/AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-BYEb5UBL.mjs";
 export {
   s as AResponsivePopover,
   p as AResponsivePopoverContent,

package/dist/tell-input.mjs

@@ -1,4 +1,4 @@
-import { _ as e, a as s, b as l, D as n, c as u, d as o, e as r, u as A, f as c } from "./chunks/ATellInput.vue_vue_type_script_setup_true_lang-B4lyNu_f.mjs";
+import { _ as e, a as s, b as l, D as n, c as u, d as o, e as r, u as A, f as c } from "./chunks/ATellInput.vue_vue_type_script_setup_true_lang-Clc-B8SW.mjs";
 export {
   e as ACountryFlag,
   s as ACountrySelect,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alikhalilll/ui",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Headless, shadcn-vue style Vue 3 component library — every component is its own importable subpath (`@alikhalilll/ui/tell-input`, `@alikhalilll/ui/popover`, …) so users pay only for what they actually use.",
   "license": "MIT",
   "author": "alikhalilll",

package/dist/chunks/APopoverContent.vue_vue_type_script_setup_true_lang-BRqULKIg.mjs

@@ -1,103 +0,0 @@
-import { defineComponent as p, openBlock as n, createBlock as c, unref as e, mergeProps as u, withCtx as l, renderSlot as f, normalizeProps as g, guardReactiveProps as B, createElementBlock as _, normalizeClass as P, createCommentVNode as h, createVNode as b } from "vue";
-import { useForwardPropsEmits as v, PopoverRoot as w, useForwardProps as C, PopoverTrigger as O, PopoverPortal as A, PopoverContent as k } from "reka-ui";
-import { reactiveOmit as z } from "@vueuse/core";
-import { c as y } from "./cn-B6yFEsav.mjs";
-const D = /* @__PURE__ */ p({
-  __name: "APopover",
-  props: {
-    defaultOpen: { type: Boolean },
-    open: { type: Boolean },
-    modal: { type: Boolean, default: !0 }
-  },
-  emits: ["update:open"],
-  setup(t, { emit: a }) {
-    const r = v(t, a);
-    return (i, d) => (n(), c(e(w), u({ "data-slot": "popover" }, e(r)), {
-      default: l((m) => [
-        f(i.$slots, "default", g(B(m)))
-      ]),
-      _: 3
-    }, 16));
-  }
-}), E = /* @__PURE__ */ p({
-  __name: "APopoverTrigger",
-  props: {
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(t) {
-    const o = C(t);
-    return (s, r) => (n(), c(e(O), u({ "data-slot": "popover-trigger" }, e(o)), {
-      default: l(() => [
-        f(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), j = /* @__PURE__ */ p({
-  inheritAttrs: !1,
-  __name: "APopoverContent",
-  props: {
-    forceMount: { type: Boolean },
-    side: {},
-    sideOffset: { default: 4 },
-    sideFlip: { type: Boolean },
-    align: { default: "center" },
-    alignOffset: {},
-    alignFlip: { type: Boolean },
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    hideShiftedArrow: { type: Boolean },
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
-    asChild: { type: Boolean },
-    as: {},
-    disableOutsidePointerEvents: { type: Boolean },
-    class: { type: [Boolean, null, String, Object, Array] },
-    overlay: { type: Boolean, default: !1 },
-    overlayClass: { type: [Boolean, null, String, Object, Array] }
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(t, { emit: a }) {
-    const o = t, s = a, r = z(o, "class", "overlay", "overlayClass"), i = v(r, s);
-    return (d, m) => (n(), c(e(A), null, {
-      default: l(() => [
-        o.overlay ? (n(), _("div", {
-          key: 0,
-          "data-slot": "popover-overlay",
-          class: P(
-            e(y)(
-              "fixed inset-0 z-40 bg-black/60 backdrop-blur-sm pointer-events-auto data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-              o.overlayClass
-            )
-          )
-        }, null, 2)) : h("", !0),
-        b(e(k), u({ "data-slot": "popover-content" }, { ...d.$attrs, ...e(i) }, {
-          class: e(y)(
-            "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none",
-            o.class
-          )
-        }), {
-          default: l(() => [
-            f(d.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["class"])
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  D as _,
-  j as a,
-  E as b
-};
-//# sourceMappingURL=APopoverContent.vue_vue_type_script_setup_true_lang-BRqULKIg.mjs.map

package/dist/chunks/APopoverContent.vue_vue_type_script_setup_true_lang-BRqULKIg.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"APopoverContent.vue_vue_type_script_setup_true_lang-BRqULKIg.mjs","sources":["../../entries/popover/components/APopover.vue","../../entries/popover/components/APopoverTrigger.vue","../../entries/popover/components/APopoverContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PopoverRootEmits, PopoverRootProps } from 'reka-ui';\nimport { PopoverRoot, useForwardPropsEmits } from 'reka-ui';\n\n/**\n * Defaults `modal` to `true` so the popover locks page scroll, traps focus, and an overlay\n * (rendered by APopoverContent when `overlay` is set) actually dims the page.\n * Pass `:modal=\"false\"` for tooltip-style non-modal popovers.\n */\nconst props = withDefaults(defineProps<PopoverRootProps>(), { modal: true });\nconst emits = defineEmits<PopoverRootEmits>();\nconst forwarded = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <PopoverRoot v-slot=\"slotProps\" data-slot=\"popover\" v-bind=\"forwarded\">\n    <slot v-bind=\"slotProps\" />\n  </PopoverRoot>\n</template>\n","<script setup lang=\"ts\">\nimport type { PopoverTriggerProps } from 'reka-ui';\nimport { PopoverTrigger, useForwardProps } from 'reka-ui';\n\nconst props = defineProps<PopoverTriggerProps>();\nconst forwarded = useForwardProps(props);\n</script>\n\n<template>\n  <PopoverTrigger data-slot=\"popover-trigger\" v-bind=\"forwarded\">\n    <slot />\n  </PopoverTrigger>\n</template>\n","<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue';\nimport { reactiveOmit } from '@vueuse/core';\nimport {\n  PopoverContent,\n  type PopoverContentEmits,\n  type PopoverContentProps,\n  PopoverPortal,\n  useForwardPropsEmits,\n} from 'reka-ui';\nimport { cn } from '@/utils';\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<\n    PopoverContentProps & {\n      class?: HTMLAttributes['class'];\n      /** Render a dimmed, clickable backdrop behind the popover. Pair with `<APopover modal>`. */\n      overlay?: boolean;\n      overlayClass?: HTMLAttributes['class'];\n    }\n  >(),\n  { align: 'center', sideOffset: 4, overlay: false }\n);\nconst emits = defineEmits<PopoverContentEmits>();\nconst delegated = reactiveOmit(props, 'class', 'overlay', 'overlayClass');\nconst forwarded = useForwardPropsEmits(delegated, emits);\n</script>\n\n<template>\n  <PopoverPortal>\n    <!--\n      Overlay is a sibling of PopoverContent inside the same portal. Reka-ui's\n      DismissableLayer treats any pointer-down outside the content as a dismiss,\n      so clicking the overlay closes the popover for free. We still mark it\n      pointer-events:auto explicitly to be safe.\n    -->\n    <div\n      v-if=\"props.overlay\"\n      data-slot=\"popover-overlay\"\n      :class=\"\n        cn(\n          'fixed inset-0 z-40 bg-black/60 backdrop-blur-sm pointer-events-auto data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n          props.overlayClass\n        )\n      \"\n    />\n    <PopoverContent\n      data-slot=\"popover-content\"\n      v-bind=\"{ ...$attrs, ...forwarded }\"\n      :class=\"\n        cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none',\n          props.class\n        )\n      \"\n    >\n      <slot />\n    </PopoverContent>\n  </PopoverPortal>\n</template>\n"],"names":["forwarded","useForwardPropsEmits","__props","__emit","_openBlock","_createBlock","_unref","_mergeProps","_withCtx","slotProps","_renderSlot","_ctx","useForwardProps","props","emits","delegated","reactiveOmit","PopoverPortal","_createElementBlock","_normalizeClass","cn","_createVNode","PopoverContent","$attrs"],"mappings":";;;;;;;;;;;;;AAWA,UAAMA,IAAYC,EAFJC,GACAC,CACqC;sBAIjDC,EAAA,GAAAC,EAEcC,MAFdC,EAEc,EAFkB,aAAU,UAAA,GAAkBD,EAAAN,CAAA,CAAS,GAAA;AAAA,MACnE,SAAAQ,EAAA,CADmBC,MAAS;AAAA,QAC5BC,EAA2BC,yBAAbF,CAAS,CAAA,CAAA;AAAA,MAAA;;;;;;;;;;;ACX3B,UAAMT,IAAYY,EADJV,CACyB;sBAIrCE,EAAA,GAAAC,EAEiBC,MAFjBC,EAEiB,EAFD,aAAU,kBAAA,GAA0BD,EAAAN,CAAA,CAAS,GAAA;AAAA,iBAC3D,MAAQ;AAAA,QAARU,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACIZ,UAAME,IAAQX,GAWRY,IAAQX,GACRY,IAAYC,EAAaH,GAAO,SAAS,WAAW,cAAc,GAClEb,IAAYC,EAAqBc,GAAWD,CAAK;2BAIrDT,EA6BgBC,EAAAW,CAAA,GAAA,MAAA;AAAA,iBAtBd,MASE;AAAA,QARMJ,EAAM,gBADdK,EASE,OAAA;AAAA;UAPA,aAAU;AAAA,UACT,OAAKC;AAAAA,YAAWb,EAAAc,CAAA;AAAA;cAAuNP,EAAM;AAAA,YAAA;AAAA;;QAOhPQ,EAWiBf,EAAAgB,CAAA,GAXjBf,EAWiB,EAVf,aAAU,kBAAA,GAAiB,EAAA,GACdgB,EAAAA,QAAM,GAAKjB,EAAAN,CAAA,KAAS;AAAA,UAChC,OAAgBM,EAAAc,CAAA;AAAA;YAAscP,EAAM;AAAA,UAAA;AAAA;qBAO7d,MAAQ;AAAA,YAARH,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;;"}