@indielayer/ui 1.2.0 → 1.4.0

package/lib/components/pagination/{Pagination.theme.js → theme/Pagination.base.theme.js}

@@ -1,13 +1,13 @@
-const i = {
+const s = {
   classes: {
     wrapper: ({ props: e }) => e.variant === "simple" ? "flex items-center space-x-2" : e.variant === "dots" ? "flex space-x-6" : "flex items-center",
     dots: ({ props: e }) => e.size === "xs" ? "h-2 w-2" : e.size === "sm" ? "h-3 w-3" : e.size === "lg" ? "h-4 w-4" : e.size === "xl" ? "h-5 w-5" : "h-3 w-3"
   },
-  styles: ({ props: e, css: t, colors: r }) => {
-    const s = r.getPalette("primary");
-    return t.get("bg", s[500]);
+  styles: ({ css: e, colors: t }) => {
+    const r = t.getPalette("primary");
+    return e.get("bg", r[500]);
   }
-}, n = i;
+}, i = s;
 export {
-  n as default
+  i as default
 };

package/lib/components/pagination/theme/Pagination.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationTheme } from '../Pagination.vue';
+declare const theme: PaginationTheme;
+export default theme;

package/lib/components/pagination/theme/Pagination.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./Pagination.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/pagination/theme/PaginationItem.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationItemTheme } from '../PaginationItem.vue';
+declare const theme: PaginationItemTheme;
+export default theme;

package/lib/components/pagination/theme/PaginationItem.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationItemTheme } from '../PaginationItem.vue';
+declare const theme: PaginationItemTheme;
+export default theme;

package/lib/components/pagination/theme/PaginationItem.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./PaginationItem.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/popover/Popover.vue.d.ts

@@ -1,95 +1,204 @@
 import { type PropType, type ExtractPublicPropTypes } from 'vue';
-declare const validators: {
-    align: readonly ["bottom", "center", "left", "right", "top"];
-    position: readonly ["bottom", "left", "right", "top"];
-};
+import { type ThemeComponent } from '../../composables/useTheme';
+import { type Placement, type TriggerEvent } from 'floating-vue';
+export type PopoverPlacement = Placement;
+export type PopoverTriggerEvent = TriggerEvent;
 declare const popoverProps: {
-    align: {
-        type: PropType<"left" | "right" | "top" | "bottom" | "center">;
+    disabled: BooleanConstructor;
+    positioningDisabled: BooleanConstructor;
+    placement: {
+        type: PropType<Placement>;
         default: string;
-        validator: (value: string) => boolean;
     };
-    position: {
-        type: PropType<"left" | "right" | "top" | "bottom">;
+    delay: {
+        type: PropType<string | number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    distance: (StringConstructor | NumberConstructor)[];
+    skidding: (StringConstructor | NumberConstructor)[];
+    triggers: {
+        type: PropType<TriggerEvent[]>;
+        default: () => string[];
+    };
+    showTriggers: PropType<TriggerEvent[] | ((triggers: Array<PopoverTriggerEvent>) => Array<PopoverTriggerEvent>)>;
+    hideTriggers: PropType<TriggerEvent[] | ((triggers: Array<PopoverTriggerEvent>) => Array<PopoverTriggerEvent>)>;
+    popperTriggers: PropType<TriggerEvent[]>;
+    popperShowTriggers: PropType<TriggerEvent[] | ((triggers: Array<PopoverTriggerEvent>) => Array<PopoverTriggerEvent>)>;
+    popperHideTriggers: PropType<TriggerEvent[] | ((triggers: Array<PopoverTriggerEvent>) => Array<PopoverTriggerEvent>)>;
+    container: {
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | {
+            new (): Element;
+            prototype: Element;
+        })[];
         default: string;
-        validator: (value: string) => boolean;
     };
-    dismissOnClick: {
-        type: BooleanConstructor;
+    boundary: (StringConstructor | {
+        new (): Element;
+        prototype: Element;
+    })[];
+    strategy: {
+        type: PropType<"absolute" | "fixed">;
+        default: string;
+    };
+    autoHide: {
+        type: PropType<boolean | ((event: Event) => boolean)>;
         default: boolean;
     };
-    autoAlign: {
+    shown: BooleanConstructor;
+    handleResize: {
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: BooleanConstructor;
-    hover: BooleanConstructor;
-    block: BooleanConstructor;
+    instantMove: BooleanConstructor;
+    eagerMount: BooleanConstructor;
+    popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    computeTransformOrigin: BooleanConstructor;
 };
-export type PopoverAlign = typeof validators.align[number];
-export type PopoverPosition = typeof validators.position[number];
 export type PopoverProps = ExtractPublicPropTypes<typeof popoverProps>;
+type InternalClasses = 'wrapper' | 'content';
+export interface PopoverTheme extends ThemeComponent<PopoverProps, InternalClasses> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    align: {
-        type: PropType<"left" | "right" | "top" | "bottom" | "center">;
+    disabled: BooleanConstructor;
+    positioningDisabled: BooleanConstructor;
+    placement: {
+        type: PropType<Placement>;
         default: string;
-        validator: (value: string) => boolean;
     };
-    position: {
-        type: PropType<"left" | "right" | "top" | "bottom">;
+    delay: {
+        type: PropType<string | number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    distance: (StringConstructor | NumberConstructor)[];
+    skidding: (StringConstructor | NumberConstructor)[];
+    triggers: {
+        type: PropType<TriggerEvent[]>;
+        default: () => string[];
+    };
+    showTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    hideTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    popperTriggers: PropType<TriggerEvent[]>;
+    popperShowTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    popperHideTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    container: {
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | {
+            new (): Element;
+            prototype: Element;
+        })[];
         default: string;
-        validator: (value: string) => boolean;
     };
-    dismissOnClick: {
-        type: BooleanConstructor;
+    boundary: (StringConstructor | {
+        new (): Element;
+        prototype: Element;
+    })[];
+    strategy: {
+        type: PropType<"absolute" | "fixed">;
+        default: string;
+    };
+    autoHide: {
+        type: PropType<boolean | ((event: Event) => boolean)>;
         default: boolean;
     };
-    autoAlign: {
+    shown: BooleanConstructor;
+    handleResize: {
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: BooleanConstructor;
-    hover: BooleanConstructor;
-    block: BooleanConstructor;
+    instantMove: BooleanConstructor;
+    eagerMount: BooleanConstructor;
+    popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    computeTransformOrigin: BooleanConstructor;
 }, {
-    open: () => void;
-    close: () => void;
+    show: () => void;
+    hide: () => void;
     toggle: () => void;
     isOpen: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "toggle" | "open")[], "close" | "toggle" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    align: {
-        type: PropType<"left" | "right" | "top" | "bottom" | "center">;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "resize" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide")[], "show" | "resize" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    positioningDisabled: BooleanConstructor;
+    placement: {
+        type: PropType<Placement>;
         default: string;
-        validator: (value: string) => boolean;
     };
-    position: {
-        type: PropType<"left" | "right" | "top" | "bottom">;
+    delay: {
+        type: PropType<string | number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    distance: (StringConstructor | NumberConstructor)[];
+    skidding: (StringConstructor | NumberConstructor)[];
+    triggers: {
+        type: PropType<TriggerEvent[]>;
+        default: () => string[];
+    };
+    showTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    hideTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    popperTriggers: PropType<TriggerEvent[]>;
+    popperShowTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    popperHideTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    container: {
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | {
+            new (): Element;
+            prototype: Element;
+        })[];
         default: string;
-        validator: (value: string) => boolean;
     };
-    dismissOnClick: {
-        type: BooleanConstructor;
+    boundary: (StringConstructor | {
+        new (): Element;
+        prototype: Element;
+    })[];
+    strategy: {
+        type: PropType<"absolute" | "fixed">;
+        default: string;
+    };
+    autoHide: {
+        type: PropType<boolean | ((event: Event) => boolean)>;
         default: boolean;
     };
-    autoAlign: {
+    shown: BooleanConstructor;
+    handleResize: {
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: BooleanConstructor;
-    hover: BooleanConstructor;
-    block: BooleanConstructor;
+    instantMove: BooleanConstructor;
+    eagerMount: BooleanConstructor;
+    popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    computeTransformOrigin: BooleanConstructor;
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
-    onToggle?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onResize?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+    "onUpdate:shown"?: ((...args: any[]) => any) | undefined;
+    "onApply-show"?: ((...args: any[]) => any) | undefined;
+    "onApply-hide"?: ((...args: any[]) => any) | undefined;
+    "onClose-group"?: ((...args: any[]) => any) | undefined;
+    "onClose-directive"?: ((...args: any[]) => any) | undefined;
+    "onAuto-hide"?: ((...args: any[]) => any) | undefined;
 }, {
-    hover: boolean;
     disabled: boolean;
-    block: boolean;
-    align: "left" | "right" | "top" | "bottom" | "center";
-    position: "left" | "right" | "top" | "bottom";
-    dismissOnClick: boolean;
-    autoAlign: boolean;
+    delay: string | number | {
+        show: number;
+        hide: number;
+    };
+    positioningDisabled: boolean;
+    placement: Placement;
+    triggers: TriggerEvent[];
+    container: string | boolean | Element | Record<string, any>;
+    strategy: "absolute" | "fixed";
+    autoHide: boolean | ((event: Event) => boolean);
+    shown: boolean;
+    handleResize: boolean;
+    instantMove: boolean;
+    eagerMount: boolean;
+    computeTransformOrigin: boolean;
 }, {}>, {
     default?(_: {}): any;
     content?(_: {}): any;

package/lib/components/popover/Popover.vue.js

@@ -1,9 +1,129 @@
-import o from "./Popover.vue2.js";
-import s from "./Popover.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+import { defineComponent as b, ref as a, openBlock as v, createBlock as S, unref as r, normalizeStyle as T, normalizeClass as B, withCtx as l, renderSlot as d } from "vue";
+import { useTheme as $ } from "../../composables/useTheme.js";
+import { Dropdown as A } from "../../node_modules/.pnpm/floating-vue@5.2.0_vue@3.3.9/node_modules/floating-vue/dist/floating-vue.js";
+const z = {
+  placement: ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end", "right", "right-start", "right-end"]
+}, k = {
+  disabled: Boolean,
+  positioningDisabled: Boolean,
+  placement: {
+    type: String,
+    default: "bottom-start"
+  },
+  delay: {
+    type: [String, Number, Object],
+    default: 0
+  },
+  distance: [Number, String],
+  skidding: [Number, String],
+  triggers: {
+    type: Array,
+    default: () => ["click"]
+  },
+  showTriggers: [Array, Function],
+  hideTriggers: [Array, Function],
+  popperTriggers: Array,
+  popperShowTriggers: [Array, Function],
+  popperHideTriggers: [Array, Function],
+  container: {
+    type: [String, Object, Element, Boolean],
+    default: "body"
+  },
+  boundary: [String, Element],
+  strategy: {
+    type: String,
+    default: "absolute"
+  },
+  autoHide: {
+    type: [Boolean, Function],
+    default: !0
+  },
+  shown: Boolean,
+  handleResize: {
+    type: Boolean,
+    default: !0
+  },
+  instantMove: Boolean,
+  eagerMount: Boolean,
+  popperClass: [String, Array, Object],
+  computeTransformOrigin: Boolean
+}, C = {
+  name: "XPopover",
+  validators: z
+}, R = /* @__PURE__ */ b({
+  ...C,
+  props: k,
+  emits: ["show", "hide", "update:shown", "apply-show", "apply-hide", "close-group", "close-directive", "auto-hide", "resize"],
+  setup(g, { expose: u }) {
+    const m = g, i = a(null);
+    function s() {
+      var e;
+      (e = i.value) == null || e.show();
+    }
+    function n() {
+      var e;
+      (e = i.value) == null || e.hide();
+    }
+    function y() {
+      t.value ? n() : s();
+    }
+    const t = a(!1);
+    u({ show: s, hide: n, toggle: y, isOpen: t });
+    const { styles: f, classes: p, className: h } = $("Popover", {}, m);
+    return (e, o) => (v(), S(r(A), {
+      ref_key: "elRef",
+      ref: i,
+      style: T(r(f)),
+      class: B([r(h), r(p).wrapper]),
+      "positioning-disabled": e.positioningDisabled,
+      placement: e.placement,
+      disabled: e.disabled,
+      delay: e.delay,
+      shown: e.shown,
+      distance: e.distance,
+      skidding: e.skidding,
+      triggers: e.triggers,
+      "show-triggers": e.showTriggers,
+      "hide-triggers": e.hideTriggers,
+      "popper-triggers": e.popperTriggers,
+      "popper-show-triggers": e.popperShowTriggers,
+      "popper-hide-triggers": e.popperHideTriggers,
+      container: e.container,
+      boundary: e.boundary,
+      strategy: e.strategy,
+      "auto-hide": e.autoHide,
+      "handle-resize": e.handleResize,
+      "instant-move": e.instantMove,
+      "eager-mount": e.eagerMount,
+      "popper-class": [
+        r(p).content,
+        e.popperClass
+      ],
+      "compute-transform-origin": e.computeTransformOrigin,
+      onShow: o[0] || (o[0] = () => {
+        t.value = !0, e.$emit("show");
+      }),
+      onHide: o[1] || (o[1] = () => {
+        t.value = !1, e.$emit("hide");
+      }),
+      "onUpdate:shown": o[2] || (o[2] = (w) => e.$emit("update:shown", w)),
+      onApplyShow: o[3] || (o[3] = () => e.$emit("apply-show")),
+      onApplyHide: o[4] || (o[4] = () => e.$emit("apply-hide")),
+      onCloseGroup: o[5] || (o[5] = () => e.$emit("close-group")),
+      onCloseDirective: o[6] || (o[6] = () => e.$emit("close-directive")),
+      onAutoHide: o[7] || (o[7] = () => e.$emit("auto-hide")),
+      onResize: o[8] || (o[8] = () => e.$emit("resize"))
+    }, {
+      popper: l(() => [
+        d(e.$slots, "content")
+      ]),
+      default: l(() => [
+        d(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["style", "class", "positioning-disabled", "placement", "disabled", "delay", "shown", "distance", "skidding", "triggers", "show-triggers", "hide-triggers", "popper-triggers", "popper-show-triggers", "popper-hide-triggers", "container", "boundary", "strategy", "auto-hide", "handle-resize", "instant-move", "eager-mount", "popper-class", "compute-transform-origin"]));
+  }
+});
 export {
-  f as default
+  R as default
 };

package/lib/components/popover/Popover.vue2.js

@@ -1,106 +1,4 @@
-import { defineComponent as L, ref as u, watch as N, useCssModule as P, computed as W, openBlock as A, createElementBlock as M, normalizeClass as B, unref as s, normalizeStyle as V, createElementVNode as $, renderSlot as w } from "vue";
-import { onClickOutside as X, useEventListener as R } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.4/node_modules/@vueuse/core/index.js";
-import { useTheme as j } from "../../composables/theme.js";
-import q from "./Popover.theme.js";
-const b = {
-  align: ["bottom", "center", "left", "right", "top"],
-  position: ["bottom", "left", "right", "top"]
-}, D = {
-  align: {
-    type: String,
-    default: "center",
-    validator: (f) => b.align.includes(f)
-  },
-  position: {
-    type: String,
-    default: "bottom",
-    validator: (f) => b.position.includes(f)
-  },
-  dismissOnClick: {
-    type: Boolean,
-    default: !0
-  },
-  autoAlign: {
-    type: Boolean,
-    default: !0
-  },
-  disabled: Boolean,
-  hover: Boolean,
-  block: Boolean
-}, F = {
-  name: "XPopover",
-  validators: b
-}, Q = /* @__PURE__ */ L({
-  ...F,
-  props: D,
-  emits: ["open", "close", "toggle"],
-  setup(f, { expose: E, emit: p }) {
-    const l = f, r = u(null), c = u(null), i = u(!1);
-    let a;
-    N(i, (e) => {
-      l.hover || (e ? y() : k(), a && (a(), a = void 0), e && setTimeout(() => {
-        a = X(r, g);
-      }));
-    });
-    const n = P(), m = u(!1), d = u(!1), v = u(!1), h = u(!1), S = W(() => {
-      const e = [];
-      let o = l.align, t = l.position;
-      return v.value && (t === "top" ? t = "bottom" : (t === "left" || t === "right") && (o = "top")), h.value && (t === "bottom" ? t = "top" : (t === "left" || t === "right") && (o = "bottom")), m.value && (t === "left" ? t = "right" : (t === "top" || t === "bottom") && (o = "left")), d.value && (t === "right" ? t = "left" : (t === "top" || t === "bottom") && (o = "right")), t === "top" && e.push(`bottom-full ${n["popover-top"]}`), t === "bottom" && e.push(`top-full bottom-0 ${n["popover-bottom"]}`), t === "right" && e.push(`left-full ${n["popover-right"]}`), t === "left" && e.push(`right-full left-auto ${n["popover-left"]}`), o === "left" && ["bottom", "top"].includes(t) && e.push("left-0 right-auto"), o === "center" && ["bottom", "top"].includes(t) && e.push("left-1/2 right-auto -translate-x-1/2"), o === "right" && ["bottom", "top"].includes(t) && e.push("right-0 left-auto"), o === "top" && ["left", "right"].includes(t) && e.push("top-0 bottom-auto"), o === "center" && ["left", "right"].includes(t) && e.push("-translate-y-1/2 top-1/2 bottom-auto"), o === "bottom" && ["left", "right"].includes(t) && e.push("bottom-0"), l.block && e.push("min-w-full"), e;
-    });
-    l.hover && (R(r, "mouseenter", y), R(r, "mouseleave", k));
-    function k() {
-      m.value = !1, d.value = !1, v.value = !1, h.value = !1;
-    }
-    function y() {
-      if (!c.value)
-        return;
-      const e = c.value.getBoundingClientRect();
-      m.value = e.left < 0, d.value = e.right > (window.innerWidth || document.documentElement.clientWidth), v.value = e.top < 0, h.value = e.bottom > (window.innerHeight || document.documentElement.clientHeight);
-    }
-    function g() {
-      l.disabled || (i.value = !1, p("close"));
-    }
-    function z() {
-      l.disabled || (i.value = !0, p("open"));
-    }
-    function C() {
-      l.disabled || (i.value = !i.value, p("toggle", i.value));
-    }
-    const { styles: T, classes: O, className: H } = j("popover", q, l);
-    return E({ open: z, close: g, toggle: C, isOpen: i }), (e, o) => (A(), M("div", {
-      ref_key: "elRef",
-      ref: r,
-      class: B(["inline-block relative", [
-        s(H),
-        s(O).wrapper,
-        s(n).popover,
-        [e.hover ? s(n).hover : ""],
-        [i.value ? s(n)["is-open"] : ""],
-        { "w-full": e.block }
-      ]]),
-      style: V(s(T))
-    }, [
-      $("div", {
-        class: "flex",
-        onClick: o[0] || (o[0] = (t) => e.hover ? null : C())
-      }, [
-        w(e.$slots, "default")
-      ]),
-      $("div", {
-        ref_key: "contentRef",
-        ref: c,
-        class: B(["absolute transform transition-transform z-40 h-fit", [
-          s(n)["popover-content"],
-          S.value,
-          s(O).content
-        ]]),
-        onClick: o[1] || (o[1] = (t) => e.dismissOnClick ? g() : null)
-      }, [
-        w(e.$slots, "content")
-      ], 2)
-    ], 6));
-  }
-});
+const e = "";
 export {
-  Q as default
+  e as default
 };

package/lib/components/popover/Popover.vue3.js

@@ -1,15 +1,5 @@
-const o = "_popover_fiql7_2", p = "_hover_fiql7_26", e = {
-  popover: o,
-  "popover-content": "_popover-content_fiql7_3",
-  "popover-top": "_popover-top_fiql7_9",
-  "popover-right": "_popover-right_fiql7_13",
-  "popover-bottom": "_popover-bottom_fiql7_17",
-  "popover-left": "_popover-left_fiql7_21",
-  "is-open": "_is-open_fiql7_25",
-  hover: p
-};
+import o from "./Popover.vue.js";
+import "./Popover.vue2.js";
 export {
-  e as default,
-  p as hover,
-  o as popover
+  o as default
 };

package/lib/components/popover/PopoverContainer.vue.d.ts

@@ -1,4 +1,5 @@
 import type { ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const popoverContainerProps: {
     tag: {
         default: string;
@@ -6,6 +7,9 @@ declare const popoverContainerProps: {
     };
 };
 export type PopoverContainerProps = ExtractPublicPropTypes<typeof popoverContainerProps>;
+type InternalClasses = 'wrapper';
+export interface PopoverContainerTheme extends ThemeComponent<PopoverContainerProps, InternalClasses> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         default: string;

package/lib/components/popover/PopoverContainer.vue.js

@@ -1,18 +1,17 @@
-import { defineComponent as l, openBlock as p, createBlock as c, resolveDynamicComponent as m, normalizeStyle as i, unref as e, normalizeClass as f, withCtx as u, renderSlot as d } from "vue";
-import { useTheme as _ } from "../../composables/theme.js";
-import y from "./PopoverContainer.theme.js";
-const C = {
+import { defineComponent as l, openBlock as p, createBlock as c, resolveDynamicComponent as i, normalizeStyle as m, unref as e, normalizeClass as f, withCtx as u, renderSlot as d } from "vue";
+import { useTheme as C } from "../../composables/useTheme.js";
+const _ = {
   tag: {
     default: "div",
     type: String
   }
-}, v = { name: "XPopoverContainer" }, w = /* @__PURE__ */ l({
-  ...v,
-  props: C,
+}, y = { name: "XPopoverContainer" }, P = /* @__PURE__ */ l({
+  ...y,
+  props: _,
   setup(t) {
-    const r = t, { styles: s, classes: n, className: a } = _("popover-container", y, r);
-    return (o, h) => (p(), c(m(o.tag), {
-      style: i(e(s)),
+    const s = t, { styles: r, classes: n, className: a } = C("PopoverContainer", {}, s);
+    return (o, v) => (p(), c(i(o.tag), {
+      style: m(e(r)),
       class: f([
         e(a),
         e(n).wrapper
@@ -26,5 +25,5 @@ const C = {
   }
 });
 export {
-  w as default
+  P as default
 };

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

@@ -1,6 +1,4 @@
 export { default as XPopover } from './Popover.vue';
-export type { PopoverProps, PopoverAlign, PopoverPosition } from './Popover.vue';
-export type { PopoverTheme } from './Popover.theme';
+export type { PopoverProps, PopoverPlacement, PopoverTriggerEvent, PopoverTheme } from './Popover.vue';
 export { default as XPopoverContainer } from './PopoverContainer.vue';
-export type { PopoverContainerProps } from './PopoverContainer.vue';
-export type { PopoverContainerTheme } from './PopoverContainer.theme';
+export type { PopoverContainerProps, PopoverContainerTheme } from './PopoverContainer.vue';

package/lib/components/popover/theme/Popover.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PopoverTheme } from '../Popover.vue';
+declare const theme: PopoverTheme;
+export default theme;

package/lib/components/popover/theme/Popover.base.theme.js

@@ -0,0 +1,9 @@
+const e = {
+  classes: {
+    wrapper: "relative",
+    content: "max-w-xs"
+  }
+}, s = e;
+export {
+  s as default
+};

package/lib/components/popover/theme/Popover.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PopoverTheme } from '../Popover.vue';
+declare const theme: PopoverTheme;
+export default theme;