@indielayer/ui 1.0.9 → 1.1.0

package/lib/components/pagination/Pagination.vue.js

@@ -0,0 +1,131 @@
+import { defineComponent as h, computed as v, ref as E, watch as X, openBlock as o, createElementBlock as n, normalizeStyle as D, unref as t, normalizeClass as c, Fragment as u, createVNode as r, createElementVNode as g, withKeys as F, toDisplayString as L, createBlock as m, createCommentVNode as d, renderList as P } from "vue";
+import { useTheme as Q } from "../../composables/theme.js";
+import { useCommon as C } from "../../composables/common.js";
+import { prevIcon as T, nextIcon as U, dotsIcon as y } from "../../common/icons.js";
+import b from "../icon/Icon.vue.js";
+import j from "../input/Input.vue.js";
+import I from "../button/Button.vue.js";
+import f from "./PaginationItem.vue.js";
+import A from "./Pagination.theme.js";
+const G = { class: "mx-9 flex items-center" }, H = /* @__PURE__ */ g("span", { class: "text-gray-600 mr-2" }, "Page", -1), J = { class: "text-gray-600 ml-2" }, M = ["onClick"], O = ["simple", "quick", "dots"], R = {
+  ...C.props(),
+  links: Boolean,
+  totalPages: {
+    type: Number,
+    default: 1
+  },
+  modelValue: {
+    type: Number,
+    default: 1
+  },
+  variant: {
+    type: String,
+    default: "simple"
+  }
+}, W = {
+  name: "XPagination",
+  validators: {
+    ...C.validators(),
+    variant: O
+  }
+}, te = /* @__PURE__ */ h({
+  ...W,
+  props: R,
+  emits: ["update:modelValue"],
+  setup($, { emit: p }) {
+    const l = $, w = v(() => l.totalPages === 3 ? [2] : l.totalPages > 2 ? l.modelValue === 1 || l.modelValue === 2 ? [2, 3] : l.modelValue === l.totalPages || l.modelValue === l.totalPages - 1 ? [l.totalPages - 2, l.totalPages - 1] : [l.modelValue - 1, l.modelValue, l.modelValue + 1] : []), i = E(l.modelValue + "");
+    function B() {
+      const e = parseInt(i.value);
+      e >= 0 && e <= l.totalPages ? p("update:modelValue", e) : i.value = l.modelValue + "";
+    }
+    X(() => l.modelValue, (e) => {
+      i.value = l.modelValue + "";
+    });
+    function N() {
+      l.modelValue > 1 && p("update:modelValue", l.modelValue - 1);
+    }
+    function q() {
+      l.modelValue < l.totalPages && p("update:modelValue", l.modelValue + 1);
+    }
+    const V = v(() => l.size === "xs" ? "xs" : l.size === "sm" ? "sm" : l.size === "lg" ? "md" : l.size === "xl" ? "lg" : "sm"), { styles: S, classes: k, className: K } = Q("pagination", A, l);
+    return (e, s) => (o(), n("ul", {
+      style: D(t(S)),
+      class: c([
+        t(K),
+        t(k).wrapper
+      ])
+    }, [
+      e.variant === "quick" ? (o(), n(u, { key: 0 }, [
+        r(I, {
+          "icon-left": t(T),
+          size: V.value,
+          disabled: e.modelValue <= 1,
+          onClick: N
+        }, null, 8, ["icon-left", "size", "disabled"]),
+        g("div", G, [
+          H,
+          r(j, {
+            modelValue: i.value,
+            "onUpdate:modelValue": s[0] || (s[0] = (a) => i.value = a),
+            size: e.size,
+            class: "w-[2.75rem] text-center",
+            onKeydown: F(B, ["enter"])
+          }, null, 8, ["modelValue", "size", "onKeydown"]),
+          g("span", J, "of " + L(e.totalPages), 1)
+        ]),
+        r(I, {
+          "icon-left": t(U),
+          size: V.value,
+          disabled: e.modelValue >= e.totalPages,
+          onClick: q
+        }, null, 8, ["icon-left", "size", "disabled"])
+      ], 64)) : e.variant === "simple" ? (o(), n(u, { key: 1 }, [
+        r(f, {
+          value: 1,
+          links: e.links,
+          size: e.size,
+          selected: e.modelValue === 1,
+          onInput: s[1] || (s[1] = (a) => e.$emit("update:modelValue", a))
+        }, null, 8, ["links", "size", "selected"]),
+        e.totalPages > 3 && e.modelValue > 3 ? (o(), m(b, {
+          key: 0,
+          class: "mx-1",
+          icon: t(y),
+          size: e.size
+        }, null, 8, ["icon", "size"])) : d("", !0),
+        (o(!0), n(u, null, P(w.value, (a) => (o(), m(f, {
+          key: a,
+          value: a,
+          links: e.links,
+          size: e.size,
+          selected: e.modelValue === a,
+          onInput: s[2] || (s[2] = (z) => e.$emit("update:modelValue", z))
+        }, null, 8, ["value", "links", "size", "selected"]))), 128)),
+        e.totalPages > 3 && e.modelValue < e.totalPages - 2 ? (o(), m(b, {
+          key: 1,
+          class: "mx-1",
+          icon: t(y),
+          size: e.size
+        }, null, 8, ["icon", "size"])) : d("", !0),
+        e.totalPages > 1 ? (o(), m(f, {
+          key: 2,
+          value: e.totalPages,
+          links: e.links,
+          size: e.size,
+          selected: e.modelValue === e.totalPages,
+          onInput: s[3] || (s[3] = (a) => e.$emit("update:modelValue", a))
+        }, null, 8, ["value", "links", "size", "selected"])) : d("", !0)
+      ], 64)) : e.variant === "dots" ? (o(!0), n(u, { key: 2 }, P(e.totalPages, (a) => (o(), n("li", {
+        key: a,
+        class: c(["rounded-full cursor-pointer", [
+          t(k).dots,
+          a === e.modelValue ? "bg-[color:var(--x-pagination-bg)]" : "bg-gray-100 hover:bg-gray-200"
+        ]]),
+        onClick: (z) => e.$emit("update:modelValue", a)
+      }, null, 10, M))), 128)) : d("", !0)
+    ], 6));
+  }
+});
+export {
+  te as default
+};

package/lib/components/pagination/Pagination.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Pagination.vue.js";
+export {
+  f as default
+};

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

@@ -1,7 +1,10 @@
-import type { ThemeParams } from '../../composables/theme';
-declare const _default: {
-    classes: {
-        wrapper: ({ props }: ThemeParams) => "!leading-none !p-1 min-w-[1.375rem]" | "!leading-none !p-2 min-w-[2rem]" | "!leading-none !p-3 min-w-[2.75rem]" | "!leading-none !p-4 min-w-[3.375rem]" | "!leading-none !p-2 min-w-[2.125rem]";
-    };
-};
-export default _default;
+import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
+import type { PaginationItemProps } from './PaginationItem.vue';
+type InternalClasses = 'wrapper';
+interface InternalTheme extends ThemeComponent<PaginationItemProps, InternalClasses> {
+}
+export interface PaginationItemTheme extends Omit<InternalTheme, 'classes'> {
+    classes?: Partial<ThemeClasses<PaginationItemProps, InternalClasses>>;
+}
+declare const theme: InternalTheme;
+export default theme;

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

@@ -0,0 +1,8 @@
+const n = {
+  classes: {
+    wrapper: ({ props: e }) => e.size === "xs" ? "!leading-none !p-1 min-w-[1.375rem]" : e.size === "sm" ? "!leading-none !p-2 min-w-[2rem]" : e.size === "lg" ? "!leading-none !p-3 min-w-[2.75rem]" : e.size === "xl" ? "!leading-none !p-4 min-w-[3.375rem]" : "!leading-none !p-2 min-w-[2.125rem]"
+  }
+}, i = n;
+export {
+  i as default
+};

package/lib/components/pagination/PaginationItem.vue.d.ts

@@ -1,3 +1,18 @@
+import type { ExtractPublicPropTypes } from 'vue';
+declare const paginationItemProps: {
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selected: BooleanConstructor;
+    links: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type PaginationItemProps = ExtractPublicPropTypes<typeof paginationItemProps>;
 declare const _default: import("vue").DefineComponent<{
     value: {
         type: NumberConstructor;
@@ -25,9 +40,9 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
-    size: import("../../composables/common").Size;
     value: number;
+    size: import("../../composables/common").Size;
     selected: boolean;
     links: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/components/pagination/PaginationItem.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as m, openBlock as p, createElementBlock as u, createVNode as d, normalizeStyle as c, unref as o, normalizeClass as f, withCtx as v, createTextVNode as y, toDisplayString as g } from "vue";
+import { useTheme as k } from "../../composables/theme.js";
+import { useCommon as l } from "../../composables/common.js";
+import z from "../button/Button.vue.js";
+import B from "./PaginationItem.theme.js";
+const C = {
+  ...l.props(),
+  value: {
+    type: Number,
+    default: 0
+  },
+  selected: Boolean,
+  links: Boolean
+}, N = {
+  name: "XPaginationItem",
+  validators: {
+    ...l.validators()
+  }
+}, V = /* @__PURE__ */ m({
+  ...N,
+  props: C,
+  emits: ["input"],
+  setup(s, { emit: $ }) {
+    const i = s, { styles: n, classes: a, className: r } = k("pagination-item", B, i);
+    return (e, t) => (p(), u("li", null, [
+      d(z, {
+        to: e.links ? `?page=${e.value}` : void 0,
+        size: e.size,
+        style: c(o(n)),
+        class: f([
+          o(r),
+          o(a).wrapper
+        ]),
+        outlined: !e.selected,
+        color: e.selected ? "primary" : void 0,
+        onClick: t[0] || (t[0] = (h) => e.selected ? null : e.$emit("input", e.value))
+      }, {
+        default: v(() => [
+          y(g(e.value), 1)
+        ]),
+        _: 1
+      }, 8, ["to", "size", "style", "class", "outlined", "color"])
+    ]));
+  }
+});
+export {
+  V as default
+};

package/lib/components/pagination/PaginationItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./PaginationItem.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,6 @@
+export { default as XPagination } from './Pagination.vue';
+export type { PaginationProps, PaginationVariant } from './Pagination.vue';
+export type { PaginationTheme } from './Pagination.theme';
+export { default as XPaginationItem } from './PaginationItem.vue';
+export type { PaginationItemProps } from './PaginationItem.vue';
+export type { PaginationItemTheme } from './PaginationItem.theme';

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

@@ -1,7 +1,10 @@
-declare const _default: {
-    classes: {
-        wrapper: string;
-        content: string;
-    };
-};
-export default _default;
+import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
+import type { PopoverProps } from './Popover.vue';
+type InternalClasses = 'wrapper' | 'content';
+interface InternalTheme extends ThemeComponent<PopoverProps, InternalClasses> {
+}
+export interface PopoverTheme extends Omit<InternalTheme, 'classes'> {
+    classes?: Partial<ThemeClasses<PopoverProps, InternalClasses>>;
+}
+declare const theme: InternalTheme;
+export default theme;

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

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

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

@@ -1,12 +1,42 @@
-import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+import { type PropType, type ExtractPublicPropTypes } from 'vue';
+declare const validators: {
+    align: readonly ["bottom", "center", "left", "right", "top"];
+    position: readonly ["bottom", "left", "right", "top"];
+};
+declare const popoverProps: {
     align: {
-        type: PropType<"top" | "bottom" | "left" | "right" | "center">;
+        type: PropType<"left" | "right" | "top" | "bottom" | "center">;
         default: string;
         validator: (value: string) => boolean;
     };
     position: {
-        type: PropType<"top" | "bottom" | "left" | "right">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    dismissOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoAlign: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: BooleanConstructor;
+    hover: BooleanConstructor;
+    block: BooleanConstructor;
+};
+export type PopoverAlign = typeof validators.align[number];
+export type PopoverPosition = typeof validators.position[number];
+export type PopoverProps = ExtractPublicPropTypes<typeof popoverProps>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    align: {
+        type: PropType<"left" | "right" | "top" | "bottom" | "center">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    position: {
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -26,14 +56,14 @@ declare const _default: import("vue").DefineComponent<{
     close: () => void;
     toggle: () => void;
     isOpen: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "toggle" | "open")[], "toggle" | "open" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, 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<"top" | "bottom" | "left" | "right" | "center">;
+        type: PropType<"left" | "right" | "top" | "bottom" | "center">;
         default: string;
         validator: (value: string) => boolean;
     };
     position: {
-        type: PropType<"top" | "bottom" | "left" | "right">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -54,11 +84,19 @@ declare const _default: import("vue").DefineComponent<{
     onOpen?: ((...args: any[]) => any) | undefined;
 }, {
     hover: boolean;
-    position: "top" | "bottom" | "left" | "right";
-    align: "top" | "bottom" | "left" | "right" | "center";
-    block: boolean;
     disabled: boolean;
+    block: boolean;
+    align: "left" | "right" | "top" | "bottom" | "center";
+    position: "left" | "right" | "top" | "bottom";
     dismissOnClick: boolean;
     autoAlign: boolean;
+}, {}>, {
+    default?(_: {}): any;
+    content?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,9 @@
+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]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,106 @@
+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));
+  }
+});
+export {
+  Q as default
+};

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

@@ -0,0 +1,15 @@
+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
+};
+export {
+  e as default,
+  p as hover,
+  o as popover
+};

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

@@ -1,6 +1,10 @@
-declare const _default: {
-    classes: {
-        wrapper: string;
-    };
-};
-export default _default;
+import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
+import type { PopoverContainerProps } from './PopoverContainer.vue';
+type InternalClasses = 'wrapper';
+interface InternalTheme extends ThemeComponent<PopoverContainerProps, InternalClasses> {
+}
+export interface PopoverContainerTheme extends Omit<InternalTheme, 'classes'> {
+    classes?: Partial<ThemeClasses<PopoverContainerProps, InternalClasses>>;
+}
+declare const theme: InternalTheme;
+export default theme;

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

@@ -0,0 +1,8 @@
+const r = {
+  classes: {
+    wrapper: "block w-full bg-white dark:bg-gray-700 shadow-lg rounded-md border  border-gray-200 dark:border-gray-800"
+  }
+}, e = r;
+export {
+  e as default
+};

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

@@ -1,4 +1,12 @@
-declare const _default: import("vue").DefineComponent<{
+import type { ExtractPublicPropTypes } from 'vue';
+declare const popoverContainerProps: {
+    tag: {
+        default: string;
+        type: StringConstructor;
+    };
+};
+export type PopoverContainerProps = ExtractPublicPropTypes<typeof popoverContainerProps>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         default: string;
         type: StringConstructor;
@@ -10,5 +18,12 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     tag: string;
+}, {}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,30 @@
+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 = {
+  tag: {
+    default: "div",
+    type: String
+  }
+}, v = { name: "XPopoverContainer" }, w = /* @__PURE__ */ l({
+  ...v,
+  props: C,
+  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)),
+      class: f([
+        e(a),
+        e(n).wrapper
+      ])
+    }, {
+      default: u(() => [
+        d(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["style", "class"]));
+  }
+});
+export {
+  w as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./PopoverContainer.vue.js";
+export {
+  f as default
+};

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

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

package/lib/components/progress/Progress.theme.d.ts

@@ -1,10 +1,10 @@
-import type { ThemeParams } from '../../composables/theme';
-declare const _default: {
-    classes: {
-        wrapper: ({ props }: ThemeParams) => string;
-        list: string;
-        item: string;
-    };
-    styles: ({ props, colors, css }: ThemeParams) => Record<string, string>[];
-};
-export default _default;
+import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
+import type { ProgressProps } from './Progress.vue';
+type InternalClasses = 'wrapper' | 'list' | 'item';
+interface InternalTheme extends ThemeComponent<ProgressProps, InternalClasses> {
+}
+export interface ProgressTheme extends Omit<InternalTheme, 'classes'> {
+    classes?: Partial<ThemeClasses<ProgressProps, InternalClasses>>;
+}
+declare const theme: InternalTheme;
+export default theme;

package/lib/components/progress/Progress.theme.js

@@ -0,0 +1,18 @@
+const l = {
+  classes: {
+    wrapper: ({ props: e }) => `relative rounded bg-gray-100 dark:bg-gray-700 overflow-hidden pointer-events-none ${e.thick ? "h-1.5" : "h-1"}`,
+    list: "flex flex-col items-end w-full sm:w-[520px] px-4",
+    item: "w-full flex items-center rounded-md px-4 py-3 bg-gray-800 dark:bg-gray-50 text-white dark:text-gray-900"
+  },
+  styles: ({ props: e, colors: s, css: a }) => {
+    const t = s.getPalette(e.color), r = [];
+    return r.push(a.variables({
+      bg: t[500]
+    })), e.gradient && r.push({
+      "--tw-gradient-stops": `${t[100]}, ${t[800]}`
+    }), r;
+  }
+}, n = l;
+export {
+  n as default
+};