vlite3 1.4.40 → 1.5.0

package/components/AttachmentsList/types.d.ts

@@ -6,6 +6,43 @@ export interface AttachmentItem {
     fileType?: string;
     [key: string]: any;
 }
+/**
+ * Scoped props passed to the `#item` slot.
+ * Use these to render a fully custom attachment row/card while still
+ * reusing the component's preview & download behavior.
+ */
+export interface AttachmentItemSlotProps {
+    /** The attachment data for this item */
+    file: AttachmentItem;
+    /** Zero-based index within the normalized attachments list */
+    index: number;
+    /** Resolved layout variant */
+    variant: 'default' | 'list' | 'inline' | 'card';
+    /** Resolved size preset */
+    size: 'sm' | 'md' | 'lg';
+    /** Whether preview is allowed */
+    canView: boolean;
+    /** Whether download is allowed */
+    canDownload: boolean;
+    /** Whether clicking the item should open preview */
+    clickToPreview: boolean;
+    /** Whether the download button is shown in the list UI */
+    showDownloadInList: boolean;
+    /** True while this item's download is in progress */
+    isDownloading: boolean;
+    /** True when the file type supports inline preview */
+    isPreviewable: boolean;
+    /** True when the file is an image (for thumbnail rendering) */
+    isImage: boolean;
+    /** Human-readable file size string (e.g. "1.5 MB"), or empty when no size */
+    formattedSize: string;
+    /** Iconify icon string for the file type */
+    icon: string;
+    /** Open the built-in preview modal for this item (or download if not previewable) */
+    preview: () => void | Promise<void>;
+    /** Programmatically download this file */
+    download: () => Promise<void>;
+}
 export interface AttachmentsListProps {
     attachments?: AttachmentItem | AttachmentItem[];
     canView?: boolean;

package/components/BackButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, openBlock as s, createBlock as l, normalizeClass as i } from "vue";
+import { defineComponent as c, openBlock as l, createBlock as s, normalizeClass as i } from "vue";
 import { useRouter as n } from "vue-router";
 import r from "./Button.vue.js";
 const p = /* @__PURE__ */ c({
@@ -15,7 +15,7 @@ const p = /* @__PURE__ */ c({
     function a() {
       window.history.state?.back ? e.back() : e.push(o.fallback);
     }
-    return (f, u) => (s(), l(r, {
+    return (u, f) => (l(), s(r, {
       variant: "ghost",
       icon: t.icon,
       size: t.size,

package/components/Button.vue.d.ts

@@ -21,6 +21,7 @@ declare const __VLS_component: import('vue').DefineComponent<LocalButtonProps, {
     size: ButtonSize;
     rounded: ButtonRounded;
     loading: boolean;
+    dir: import('../types').ButtonDirection;
     disabled: boolean;
     layout: "horizontal" | "vertical" | "tile";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;

package/components/Button.vue.js

@@ -1,243 +1,7 @@
-import { defineComponent as L, useAttrs as N, computed as r, useSlots as G, Comment as F, Fragment as b, Text as H, withDirectives as M, openBlock as i, createElementBlock as c, normalizeClass as a, createElementVNode as I, createBlock as x, createCommentVNode as u, renderSlot as w, createTextVNode as k, toDisplayString as h, unref as O } from "vue";
-import v from "./Icon.vue.js";
-import { vRipple as Z } from "../directives/vRipple.js";
-import { $t as q } from "../utils/i18n.js";
-const J = ["type", "disabled", "data-testid"], K = {
-  key: 0,
-  class: "text-xs font-medium leading-tight truncate max-w-full"
-}, P = {
-  key: 1,
-  class: "text-[10px] font-normal opacity-70 mt-0.5 leading-tight truncate max-w-full"
-}, Q = {
-  key: 0,
-  class: "text-[0.75em] font-normal opacity-70 mt-0.5 leading-tight"
-}, ee = /* @__PURE__ */ L({
-  __name: "Button",
-  props: {
-    description: {},
-    variant: { default: "primary" },
-    size: { default: "md" },
-    class: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 },
-    icon: {},
-    iconRight: {},
-    type: { default: "button" },
-    text: {},
-    textI18n: {},
-    rounded: { default: "md" },
-    textClass: {},
-    iconClass: {},
-    iconRightClass: {},
-    asIcon: { type: Boolean },
-    layout: { default: "horizontal" }
-  },
-  setup(t) {
-    const $ = {
-      primary: "bg-primary text-primary-foreground",
-      "primary-light": "bg-primary-light text-primary-fg-light",
-      secondary: "bg-secondary text-secondary-foreground",
-      danger: "bg-danger text-danger-fg",
-      "danger-light": "bg-danger-light text-destructive",
-      warning: "bg-warning text-warning-fg",
-      "warning-light": "bg-warning-light text-warning-fg-light",
-      info: "bg-info text-info-fg",
-      "info-light": "bg-info-light text-info-fg-light",
-      success: "bg-success text-success-fg",
-      "success-light": "bg-success-light text-success-fg-light",
-      outline: "bg-muted text-foreground",
-      "outline-floating": "bg-muted text-foreground",
-      "outline-primary": "bg-primary/10 text-primary",
-      "outline-danger": "bg-destructive/10 text-destructive",
-      "outline-warning": "bg-warning/10 text-warning",
-      "outline-info": "bg-info/10 text-info",
-      "outline-success": "bg-success/10 text-success",
-      ghost: "bg-secondary text-foreground",
-      link: "bg-primary/10 text-primary",
-      transparent: "bg-muted text-foreground"
-    }, e = t, B = N(), o = r(() => {
-      const n = e.layout || B.layout;
-      return n === "tile" ? "tile" : n === "vertical" ? "vertical" : "horizontal";
-    }), f = r(() => o.value === "tile"), R = r(() => $[e.variant] ?? $.primary), C = r(() => ({
-      xs: "w-9 h-9",
-      sm: "w-10 h-10",
-      sm2: "w-11 h-11",
-      md: "w-12 h-12",
-      lg: "w-14 h-14",
-      xl: "w-16 h-16"
-    })[e.size]), l = r(() => e.textI18n ? q(e.textI18n) : e.text), j = G(), p = r(() => j.default ? j.default().some((s) => !(s.type === F || s.type === b && Array.isArray(s.children) && s.children.length === 0 || s.type === H && typeof s.children == "string" && s.children.trim() === "")) : !1), y = r(
-      () => e?.asIcon || e.icon && !l.value && !p.value
-    ), g = r(() => e.icon ? e.icon.startsWith("http://") || e.icon.startsWith("https://") || e.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((s) => e.icon.toLowerCase().endsWith(s)) : !1), A = r(() => {
-      const s = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer focus:outline-none focus-visible:outline-none ${o.value === "tile" ? "flex-col gap-1.5 items-center" : o.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${y.value ? "icon-only shrink-0" : ""}`, z = {
-        primary: "bg-primary text-primary-foreground hover:bg-primary/90",
-        "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/15",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        danger: "bg-danger text-danger-fg hover:bg-danger/90",
-        "danger-light": "bg-danger-light text-danger hover:bg-danger/20 dark:hover:bg-danger/40",
-        warning: "bg-warning text-warning-fg hover:bg-warning/80",
-        "warning-light": "bg-warning-light text-warning-fg-light hover:bg-warning/25",
-        info: "bg-info text-info-fg hover:bg-info/80",
-        "info-light": "bg-info-light text-info-fg-light hover:bg-info/30",
-        success: "bg-success text-success-fg hover:bg-success/80",
-        "success-light": "bg-success-light text-success-fg-light hover:bg-success/20 dark:hover:bg-success/35",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground text-foreground",
-        "outline-floating": "border px-3.5! border-input bg-transparent hover:bg-transparent text-foreground border-input active:scale-100!",
-        "outline-primary": "border border-primary text-primary hover:bg-primary/10",
-        "outline-danger": "border border-destructive text-destructive hover:bg-destructive/10",
-        "outline-warning": "border border-warning text-warning hover:bg-warning/10",
-        "outline-info": "border border-info text-info hover:bg-info/10",
-        "outline-success": "border border-success text-success hover:bg-success/10",
-        ghost: "hover:bg-secondary hover:text-foreground text-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
-        transparent: ""
-      }, d = {
-        xs: e.description ? "h-auto py-1.5 px-2" : "h-6.5 px-2",
-        sm: e.description ? "h-auto py-2 px-3" : "h-7.5 px-3",
-        sm2: e.description ? "h-auto py-2 px-3" : "h-8 px-3",
-        md: e.description ? "h-auto py-2.5 px-4" : "h-9 px-4 py-2",
-        lg: e.description ? "h-auto py-3 px-4" : "h-10 px-4",
-        xl: e.description ? "h-auto py-4 px-10" : "h-12 px-10"
-      }, T = {
-        xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",
-        sm: "h-7.5 w-7.5 min-h-7.5 min-w-7.5",
-        sm2: "h-8 w-8 min-h-8 min-w-8",
-        md: "h-9 w-9 min-h-9 min-w-9",
-        lg: "h-10 w-10 min-h-10 min-w-10",
-        xl: "h-12 w-12 min-h-12 min-w-12"
-      }, V = {
-        none: "rounded-none",
-        sm: "rounded-sm",
-        sm2: "rounded-sm",
-        md: "rounded",
-        lg: "rounded-lg",
-        xl: "rounded-xl",
-        "2xl": "rounded-2xl",
-        full: "rounded-full"
-      };
-      let S = y.value ? T[e.size] : d[e.size];
-      o.value === "tile" ? S = {
-        xs: "h-auto p-0!",
-        sm: "h-auto p-0!",
-        sm2: "h-auto p-0!",
-        md: "h-auto p-0!",
-        lg: "h-auto p-0!",
-        xl: "h-auto p-0!"
-      }[e.size] : o.value === "vertical" && (S = {
-        xs: "h-auto py-1.5 px-2 min-w-16",
-        sm: "h-auto py-2 px-3 min-w-20",
-        sm2: "h-auto py-2 px-3 min-w-20",
-        md: "h-auto py-2.5 px-4 min-w-24",
-        lg: "h-auto py-3 px-4 min-w-28",
-        xl: "h-auto py-4 px-10 min-w-32"
-      }[e.size]);
-      const W = f.value ? "group text-foreground focus:outline-none focus-visible:outline-none active:scale-100!" : z[e.variant];
-      return [s, W, V[e.rounded], S, e.class].join(
-        " "
-      );
-    }), m = r(() => {
-      if (f.value && g.value)
-        return `${C.value} object-cover`;
-      const n = e.description && o.value === "horizontal", s = {
-        xs: n ? "w-3.5 h-3.5" : "w-3 h-3",
-        sm: n ? "w-5 h-5" : "w-4 h-4",
-        sm2: n ? "w-5 h-5" : "w-4 h-4",
-        md: n ? "w-5 h-5" : "w-4 h-4",
-        lg: n ? "w-5 h-5" : "w-4 h-4",
-        xl: n ? "w-5 h-5" : "w-4 h-4"
-      }, z = {
-        xs: "w-3 h-3",
-        sm: "w-4 h-4",
-        sm2: "w-4 h-4",
-        md: "w-4 h-4",
-        lg: "w-4 h-4",
-        xl: "w-4 h-4"
-      };
-      let d = y.value ? z[e.size] : s[e.size];
-      return g.value && (d += " object-cover"), f.value ? d += " scale-[1.45]!" : o.value === "vertical" && (d += " scale-[1.35]! mt-1"), d;
-    }), E = r(() => o.value === "vertical" ? "scale-[0.9]" : "");
-    return (n, s) => M((i(), c("button", {
-      type: t.type,
-      class: a([A.value, "cursor-pointer"]),
-      disabled: t.disabled || t.loading,
-      "data-testid": n.$attrs["data-testid"] || (l.value ? `btn-${l.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : t.icon ? `btn-${t.icon.replace(/[^a-zA-Z0-9]+/g, "-")}` : "button")
-    }, [
-      f.value ? (i(), c(b, { key: 0 }, [
-        I("span", {
-          class: a(["inline-flex items-center justify-center shrink-0 transition-transform duration-150 ease-out group-active:scale-[0.92]", [
-            g.value ? "" : "rounded-full",
-            g.value ? "" : R.value,
-            g.value ? "" : C.value
-          ]])
-        }, [
-          t.loading ? (i(), x(v, {
-            key: 0,
-            icon: "lucide:loader-2",
-            class: a(["animate-spin pointer-events-none", [m.value, g.value ? C.value : ""]])
-          }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
-            key: 1,
-            icon: t.icon,
-            class: a(["pointer-events-none", [t.iconClass, m.value]])
-          }, null, 8, ["icon", "class"])) : u("", !0)
-        ], 2),
-        l.value || p.value || e.description ? (i(), c("span", {
-          key: 0,
-          class: a(["flex flex-col items-center max-w-full", t.textClass])
-        }, [
-          l.value || p.value ? (i(), c("span", K, [
-            w(n.$slots, "default", {}, () => [
-              k(h(l.value), 1)
-            ])
-          ])) : u("", !0),
-          e.description ? (i(), c("span", P, h(e.description), 1)) : u("", !0)
-        ], 2)) : u("", !0)
-      ], 64)) : (i(), c(b, { key: 1 }, [
-        t.loading ? (i(), x(v, {
-          key: 0,
-          icon: "lucide:loader-2",
-          class: a(["animate-spin pointer-events-none shrink-0", m.value])
-        }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
-          key: 1,
-          icon: t.icon,
-          class: a(["pointer-events-none shrink-0", [t.iconClass, m.value, y.value ? "mx-auto" : ""]])
-        }, null, 8, ["icon", "class"])) : u("", !0),
-        !e.description && o.value === "horizontal" ? (i(), c(b, { key: 2 }, [
-          t.textClass ? (i(), c("div", {
-            key: 0,
-            class: a([t.textClass, "leading-tight truncate inline-flex items-center justify-center gap-1.5"])
-          }, [
-            w(n.$slots, "default", {}, () => [
-              k(h(l.value), 1)
-            ])
-          ], 2)) : w(n.$slots, "default", { key: 1 }, () => [
-            k(h(l.value), 1)
-          ])
-        ], 64)) : l.value || p.value || e.description ? (i(), c("div", {
-          key: 3,
-          class: a(["flex flex-col justify-center", [
-            o.value === "vertical" ? "items-center text-center" : e.description ? "items-start text-left" : "items-center text-center",
-            !t.icon && !t.iconRight && !t.loading ? "flex-1 w-full" : ""
-          ]])
-        }, [
-          I("div", {
-            class: a([[t.textClass, E.value], "inline-flex items-center gap-1.5 w-full leading-tight [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
-          }, [
-            w(n.$slots, "default", {}, () => [
-              k(h(l.value), 1)
-            ])
-          ], 2),
-          e.description ? (i(), c("span", Q, h(e.description), 1)) : u("", !0)
-        ], 2)) : u("", !0),
-        t.iconRight && !t.loading ? (i(), x(v, {
-          key: 4,
-          icon: t.iconRight,
-          class: a([[t.iconRightClass, m.value], "h-4 w-4 pointer-events-none shrink-0"])
-        }, null, 8, ["icon", "class"])) : u("", !0)
-      ], 64))
-    ], 10, J)), [
-      [O(Z), !f.value]
-    ]);
-  }
-});
+import o from "./Button.vue2.js";
+/* empty css            */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dc9b3674"]]);
 export {
-  ee as default
+  _ as default
 };

package/components/Button.vue2.js

@@ -1,4 +1,247 @@
-import f from "./Button.vue.js";
+import { defineComponent as G, useAttrs as H, computed as s, useSlots as F, Comment as M, Fragment as b, Text as O, withDirectives as Z, openBlock as i, createElementBlock as c, normalizeClass as o, createElementVNode as I, createBlock as x, createCommentVNode as u, renderSlot as w, createTextVNode as z, toDisplayString as h, unref as q } from "vue";
+import v from "./Icon.vue.js";
+import { vRipple as J } from "../directives/vRipple.js";
+import { $t as K } from "../utils/i18n.js";
+const P = ["type", "dir", "disabled", "data-testid"], Q = {
+  key: 0,
+  class: "text-xs font-medium leading-tight truncate max-w-full"
+}, U = {
+  key: 1,
+  class: "text-[10px] font-normal opacity-70 mt-0.5 leading-tight truncate max-w-full"
+}, X = {
+  key: 0,
+  class: "text-[0.75em] font-normal opacity-70 mt-0.5 leading-tight"
+}, ne = /* @__PURE__ */ G({
+  __name: "Button",
+  props: {
+    description: {},
+    variant: { default: "primary" },
+    size: { default: "md" },
+    class: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    icon: {},
+    iconRight: {},
+    type: { default: "button" },
+    text: {},
+    textI18n: {},
+    rounded: { default: "md" },
+    textClass: {},
+    iconClass: {},
+    iconRightClass: {},
+    asIcon: { type: Boolean },
+    layout: { default: "horizontal" },
+    dir: { default: "auto" }
+  },
+  setup(t) {
+    const $ = {
+      primary: "bg-primary text-primary-foreground",
+      "primary-light": "bg-primary-light text-primary-fg-light",
+      secondary: "bg-secondary text-secondary-foreground",
+      danger: "bg-danger text-danger-fg",
+      "danger-light": "bg-danger-light text-destructive",
+      warning: "bg-warning text-warning-fg",
+      "warning-light": "bg-warning-light text-warning-fg-light",
+      info: "bg-info text-info-fg",
+      "info-light": "bg-info-light text-info-fg-light",
+      success: "bg-success text-success-fg",
+      "success-light": "bg-success-light text-success-fg-light",
+      outline: "bg-muted text-foreground",
+      "outline-floating": "bg-muted text-foreground",
+      "outline-primary": "bg-primary/10 text-primary",
+      "outline-danger": "bg-destructive/10 text-destructive",
+      "outline-warning": "bg-warning/10 text-warning",
+      "outline-info": "bg-info/10 text-info",
+      "outline-success": "bg-success/10 text-success",
+      ghost: "bg-secondary text-foreground",
+      link: "bg-primary/10 text-primary",
+      transparent: "bg-muted text-foreground"
+    }, e = t, B = H(), R = s(() => {
+      if (e.dir === "rtl" || e.dir === "ltr") return e.dir;
+    }), a = s(() => {
+      const n = e.layout || B.layout;
+      return n === "tile" ? "tile" : n === "vertical" ? "vertical" : "horizontal";
+    }), f = s(() => a.value === "tile"), A = s(() => a.value === "horizontal"), E = s(() => $[e.variant] ?? $.primary), k = s(() => ({
+      xs: "w-9 h-9",
+      sm: "w-10 h-10",
+      sm2: "w-11 h-11",
+      md: "w-12 h-12",
+      lg: "w-14 h-14",
+      xl: "w-16 h-16"
+    })[e.size]), l = s(() => e.textI18n ? K(e.textI18n) : e.text), j = F(), p = s(() => j.default ? j.default().some((r) => !(r.type === M || r.type === b && Array.isArray(r.children) && r.children.length === 0 || r.type === O && typeof r.children == "string" && r.children.trim() === "")) : !1), y = s(
+      () => e?.asIcon || e.icon && !l.value && !p.value
+    ), g = s(() => e.icon ? e.icon.startsWith("http://") || e.icon.startsWith("https://") || e.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((r) => e.icon.toLowerCase().endsWith(r)) : !1), T = s(() => {
+      const r = `v-btn inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer focus:outline-none focus-visible:outline-none ${a.value === "tile" ? "flex-col gap-1.5 items-center" : a.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${A.value ? "v-btn-horizontal" : ""} ${y.value ? "icon-only shrink-0" : ""}`, C = {
+        primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+        "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/15",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        danger: "bg-danger text-danger-fg hover:bg-danger/90",
+        "danger-light": "bg-danger-light text-danger hover:bg-danger/20 dark:hover:bg-danger/40",
+        warning: "bg-warning text-warning-fg hover:bg-warning/80",
+        "warning-light": "bg-warning-light text-warning-fg-light hover:bg-warning/25",
+        info: "bg-info text-info-fg hover:bg-info/80",
+        "info-light": "bg-info-light text-info-fg-light hover:bg-info/30",
+        success: "bg-success text-success-fg hover:bg-success/80",
+        "success-light": "bg-success-light text-success-fg-light hover:bg-success/20 dark:hover:bg-success/35",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground text-foreground",
+        "outline-floating": "border px-3.5! border-input bg-transparent hover:bg-transparent text-foreground border-input active:scale-100!",
+        "outline-primary": "border border-primary text-primary hover:bg-primary/10",
+        "outline-danger": "border border-destructive text-destructive hover:bg-destructive/10",
+        "outline-warning": "border border-warning text-warning hover:bg-warning/10",
+        "outline-info": "border border-info text-info hover:bg-info/10",
+        "outline-success": "border border-success text-success hover:bg-success/10",
+        ghost: "hover:bg-secondary hover:text-foreground text-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        transparent: ""
+      }, d = {
+        xs: e.description ? "h-auto py-1.5 px-2" : "h-6.5 px-2",
+        sm: e.description ? "h-auto py-2 px-3" : "h-7.5 px-3",
+        sm2: e.description ? "h-auto py-2 px-3" : "h-8 px-3",
+        md: e.description ? "h-auto py-2.5 px-4" : "h-9 px-4 py-2",
+        lg: e.description ? "h-auto py-3 px-4" : "h-10 px-4",
+        xl: e.description ? "h-auto py-4 px-10" : "h-12 px-10"
+      }, W = {
+        xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",
+        sm: "h-7.5 w-7.5 min-h-7.5 min-w-7.5",
+        sm2: "h-8 w-8 min-h-8 min-w-8",
+        md: "h-9 w-9 min-h-9 min-w-9",
+        lg: "h-10 w-10 min-h-10 min-w-10",
+        xl: "h-12 w-12 min-h-12 min-w-12"
+      }, D = {
+        none: "rounded-none",
+        sm: "rounded-sm",
+        sm2: "rounded-sm",
+        md: "rounded",
+        lg: "rounded-lg",
+        xl: "rounded-xl",
+        "2xl": "rounded-2xl",
+        full: "rounded-full"
+      };
+      let S = y.value ? W[e.size] : d[e.size];
+      a.value === "tile" ? S = {
+        xs: "h-auto p-0!",
+        sm: "h-auto p-0!",
+        sm2: "h-auto p-0!",
+        md: "h-auto p-0!",
+        lg: "h-auto p-0!",
+        xl: "h-auto p-0!"
+      }[e.size] : a.value === "vertical" && (S = {
+        xs: "h-auto py-1.5 px-2 min-w-16",
+        sm: "h-auto py-2 px-3 min-w-20",
+        sm2: "h-auto py-2 px-3 min-w-20",
+        md: "h-auto py-2.5 px-4 min-w-24",
+        lg: "h-auto py-3 px-4 min-w-28",
+        xl: "h-auto py-4 px-10 min-w-32"
+      }[e.size]);
+      const L = f.value ? "group text-foreground focus:outline-none focus-visible:outline-none active:scale-100!" : C[e.variant];
+      return [r, L, D[e.rounded], S, e.class].join(
+        " "
+      );
+    }), m = s(() => {
+      if (f.value && g.value)
+        return `${k.value} object-cover`;
+      const n = e.description && a.value === "horizontal", r = {
+        xs: n ? "w-3.5 h-3.5" : "w-3 h-3",
+        sm: n ? "w-5 h-5" : "w-4 h-4",
+        sm2: n ? "w-5 h-5" : "w-4 h-4",
+        md: n ? "w-5 h-5" : "w-4 h-4",
+        lg: n ? "w-5 h-5" : "w-4 h-4",
+        xl: n ? "w-5 h-5" : "w-4 h-4"
+      }, C = {
+        xs: "w-3 h-3",
+        sm: "w-4 h-4",
+        sm2: "w-4 h-4",
+        md: "w-4 h-4",
+        lg: "w-4 h-4",
+        xl: "w-4 h-4"
+      };
+      let d = y.value ? C[e.size] : r[e.size];
+      return g.value && (d += " object-cover"), f.value ? d += " scale-[1.45]!" : a.value === "vertical" && (d += " scale-[1.35]! mt-1"), d;
+    }), V = s(() => a.value === "vertical" ? "scale-[0.9]" : "");
+    return (n, r) => Z((i(), c("button", {
+      type: t.type,
+      class: o([T.value, "cursor-pointer"]),
+      dir: R.value,
+      disabled: t.disabled || t.loading,
+      "data-testid": n.$attrs["data-testid"] || (l.value ? `btn-${l.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : t.icon ? `btn-${t.icon.replace(/[^a-zA-Z0-9]+/g, "-")}` : "button")
+    }, [
+      f.value ? (i(), c(b, { key: 0 }, [
+        I("span", {
+          class: o(["inline-flex items-center justify-center shrink-0 transition-transform duration-150 ease-out group-active:scale-[0.92]", [
+            g.value ? "" : "rounded-full",
+            g.value ? "" : E.value,
+            g.value ? "" : k.value
+          ]])
+        }, [
+          t.loading ? (i(), x(v, {
+            key: 0,
+            icon: "lucide:loader-2",
+            class: o(["animate-spin pointer-events-none", [m.value, g.value ? k.value : ""]])
+          }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
+            key: 1,
+            icon: t.icon,
+            class: o(["pointer-events-none", [t.iconClass, m.value]])
+          }, null, 8, ["icon", "class"])) : u("", !0)
+        ], 2),
+        l.value || p.value || e.description ? (i(), c("span", {
+          key: 0,
+          class: o(["flex flex-col items-center max-w-full", t.textClass])
+        }, [
+          l.value || p.value ? (i(), c("span", Q, [
+            w(n.$slots, "default", {}, () => [
+              z(h(l.value), 1)
+            ], !0)
+          ])) : u("", !0),
+          e.description ? (i(), c("span", U, h(e.description), 1)) : u("", !0)
+        ], 2)) : u("", !0)
+      ], 64)) : (i(), c(b, { key: 1 }, [
+        t.loading ? (i(), x(v, {
+          key: 0,
+          icon: "lucide:loader-2",
+          class: o(["animate-spin pointer-events-none shrink-0", m.value])
+        }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
+          key: 1,
+          icon: t.icon,
+          class: o(["pointer-events-none shrink-0", [t.iconClass, m.value, y.value ? "mx-auto" : ""]])
+        }, null, 8, ["icon", "class"])) : u("", !0),
+        !e.description && a.value === "horizontal" ? (i(), c(b, { key: 2 }, [
+          t.textClass ? (i(), c("div", {
+            key: 0,
+            class: o([t.textClass, "leading-tight truncate inline-flex items-center justify-center gap-1.5"])
+          }, [
+            w(n.$slots, "default", {}, () => [
+              z(h(l.value), 1)
+            ], !0)
+          ], 2)) : w(n.$slots, "default", { key: 1 }, () => [
+            z(h(l.value), 1)
+          ], !0)
+        ], 64)) : l.value || p.value || e.description ? (i(), c("div", {
+          key: 3,
+          class: o(["flex flex-col justify-center", [
+            a.value === "vertical" ? "items-center text-center" : e.description ? "items-start text-start" : "items-center text-center",
+            !t.icon && !t.iconRight && !t.loading ? "flex-1 w-full" : ""
+          ]])
+        }, [
+          I("div", {
+            class: o([[t.textClass, V.value], "inline-flex items-center gap-1.5 w-full leading-tight [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
+          }, [
+            w(n.$slots, "default", {}, () => [
+              z(h(l.value), 1)
+            ], !0)
+          ], 2),
+          e.description ? (i(), c("span", X, h(e.description), 1)) : u("", !0)
+        ], 2)) : u("", !0),
+        t.iconRight && !t.loading ? (i(), x(v, {
+          key: 4,
+          icon: t.iconRight,
+          class: o([[t.iconRightClass, m.value], "h-4 w-4 pointer-events-none shrink-0"])
+        }, null, 8, ["icon", "class"])) : u("", !0)
+      ], 64))
+    ], 10, P)), [
+      [q(J), !f.value]
+    ]);
+  }
+});
 export {
-  f as default
+  ne as default
 };

package/components/ButtonGroup.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonGroup.vue2.js";
 /* empty css                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-298c3d8a"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ae9bcc76"]]);
 export {
-  m as default
+  c as default
 };

package/components/ButtonGroup.vue2.js

@@ -14,7 +14,10 @@ const p = /* @__PURE__ */ r({
       role: "group",
       class: i([
         "inline-flex button-group",
-        a.value ? "flex-col items-stretch" : "flex-row items-center",
+        // bare `flex` path (no flex-row): under dir=rtl first item sits on inline-start
+        // and logical radii stay aligned. i18n.css `.flex-row { row-reverse }` would
+        // keep LTR visual order while radii still flip — inverted outer rounding.
+        a.value ? "flex-col items-stretch" : "items-center",
         t.class,
         e.attached ? "attached-group" : "gap-2",
         e.attached && a.value ? "vertical-group" : ""