vlite3 1.4.40 → 1.5.0

package/components/Tabes/tabes.utils.d.ts

@@ -12,3 +12,33 @@ export declare function isTabActive(option: TabesOption, modelValue: string | nu
  * For menu tabs, returns the parent tab's value when a child is selected.
  */
 export declare function getActiveMarkerKey(options: TabesOption[], modelValue: string | number): string | number | undefined;
+/**
+ * Stable, order-independent signature for a set of tabs (djb2 over the sorted
+ * option values). Used to derive a default localStorage slot for persisted
+ * ordering when no explicit `storageKey` is supplied — so a given tab set maps
+ * to one saved order, and a membership change gets a fresh slot.
+ */
+export declare function hashTabesValues(options: TabesOption[]): string;
+/** Start/end (inline-edge) scroll overflow of a horizontal tab strip. */
+export interface TabesScrollOverflow {
+    /** More content is hidden past the inline-start edge. */
+    canScrollStart: boolean;
+    /** More content is hidden past the inline-end edge. */
+    canScrollEnd: boolean;
+}
+/**
+ * Compute inline-start / inline-end scroll overflow for a horizontal tab strip,
+ * shared by `Tabes` and `NavbarTabs` so both track affordances identically.
+ *
+ * Direction-agnostic: modern engines report `scrollLeft` as ≤ 0 under RTL
+ * (start = 0, end grows negative), so the magnitude is the distance scrolled
+ * from the inline-start edge in either direction. `itemSelector` is an optional
+ * guard — with no matching items there is nothing to scroll.
+ */
+export declare function getTabesScrollOverflow(el: HTMLElement | null | undefined, itemSelector?: string): TabesScrollOverflow;
+/**
+ * Smoothly step a tab strip one page toward its inline-start / inline-end edge.
+ * `scrollBy({ left })` is physical, so the sign flips under RTL where
+ * inline-start sits on the physical right.
+ */
+export declare function scrollTabesStrip(el: HTMLElement | null | undefined, toward: 'start' | 'end', amount: number): void;

package/components/Tabes/tabes.utils.js

@@ -1,26 +1,57 @@
-function t(e) {
-  return Array.isArray(e.menu) && e.menu.length > 0;
+function c(r) {
+  return Array.isArray(r.menu) && r.menu.length > 0;
 }
-function f(e) {
-  return e.value !== void 0 && e.value !== null ? e.value : e.label;
+function i(r) {
+  return r.value !== void 0 && r.value !== null ? r.value : r.label;
 }
-function u(e, r) {
-  if (!e?.length) return !1;
-  for (const n of e)
-    if (f(n) === r || n.children?.length && u(n.children, r)) return !0;
+function u(r, t) {
+  if (!r?.length) return !1;
+  for (const n of r)
+    if (i(n) === t || n.children?.length && u(n.children, t)) return !0;
   return !1;
 }
-function i(e, r) {
-  return t(e) ? e.value === r || u(e.menu, r) : e.value === r;
+function f(r, t) {
+  return c(r) ? r.value === t || u(r.menu, t) : r.value === t;
 }
-function a(e, r) {
-  for (const n of e)
-    if (i(n, r)) return n.value;
+function o(r, t) {
+  for (const n of r)
+    if (f(n, t)) return n.value;
+}
+function h(r) {
+  const t = r.map((e) => String(e.value)).sort().join("|");
+  let n = 5381;
+  for (let e = 0; e < t.length; e++)
+    n = (n << 5) + n + t.charCodeAt(e) | 0;
+  return (n >>> 0).toString(36);
+}
+function s(r) {
+  return typeof window > "u" ? !1 : window.getComputedStyle(r).direction === "rtl";
+}
+function S(r, t) {
+  if (!r) return { canScrollStart: !1, canScrollEnd: !1 };
+  if (t && r.querySelector(t) === null)
+    return { canScrollStart: !1, canScrollEnd: !1 };
+  const { scrollLeft: n, scrollWidth: e, clientWidth: l } = r;
+  if (e - l <= 1)
+    return { canScrollStart: !1, canScrollEnd: !1 };
+  const a = Math.abs(n);
+  return {
+    canScrollStart: a > 1,
+    canScrollEnd: Math.ceil(a + l) < e - 1
+  };
+}
+function d(r, t, n) {
+  if (!r) return;
+  const e = t === "start" ? -1 : 1, l = (s(r) ? -e : e) * Math.abs(n);
+  r.scrollBy({ left: l, behavior: "smooth" });
 }
 export {
-  a as getActiveMarkerKey,
-  f as getMenuOptionValue,
-  t as isMenuTab,
-  i as isTabActive,
-  u as menuContainsValue
+  o as getActiveMarkerKey,
+  i as getMenuOptionValue,
+  S as getTabesScrollOverflow,
+  h as hashTabesValues,
+  c as isMenuTab,
+  f as isTabActive,
+  u as menuContainsValue,
+  d as scrollTabesStrip
 };

package/components/Tabes/types.d.ts

@@ -44,3 +44,10 @@ export type TabesMenuSelectPayload = {
     option?: IDropdownOption;
     tab: TabesOption;
 };
+/** Emitted after the user drags tabs into a new order (`sortable`). */
+export type TabesReorderPayload = {
+    /** Tabs in their new order. */
+    options: TabesOption[];
+    /** New order as a list of option values (the shape persisted to storage). */
+    order: (string | number)[];
+};

package/components/Textarea.vue.d.ts

@@ -5,6 +5,8 @@ interface Props {
     disabled?: boolean;
     rows?: number;
     class?: string;
+    /** Explicit text direction; defaults to page dir so placeholders mirror under RTL. */
+    dir?: 'ltr' | 'rtl';
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     blur: (event: FocusEvent) => any;

package/components/Textarea.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent as c, computed as r, openBlock as m, createElementBlock as p, normalizeClass as f } from "vue";
-import { resolveI18nText as b } from "../utils/i18n.js";
-const x = ["value", "rows", "disabled", "placeholder", "data-testid"], g = /* @__PURE__ */ c({
+import { defineComponent as p, computed as d, openBlock as f, createElementBlock as b, normalizeClass as x } from "vue";
+import { resolveI18nText as v } from "../utils/i18n.js";
+import { useRtl as h } from "../composables/useRtl.js";
+const g = ["value", "rows", "disabled", "placeholder", "dir", "data-testid"], y = /* @__PURE__ */ p({
   __name: "Textarea",
   props: {
     modelValue: { default: "" },
@@ -8,32 +9,34 @@ const x = ["value", "rows", "disabled", "placeholder", "data-testid"], g = /* @_
     placeholderI18n: {},
     disabled: { type: Boolean, default: !1 },
     rows: { default: 3 },
-    class: { default: "" }
+    class: { default: "" },
+    dir: {}
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(l, { emit: s }) {
-    const a = l, o = s, n = r(() => [
+    const a = l, o = s, n = h(), u = d(() => a.dir ?? (n.value ? "rtl" : "ltr")), i = d(() => [
       "flex min-h-[80px] w-full rounded-md border border-input px-3 py-2 text-sm placeholder:text-muted-foreground/50 focus-visible:outline-none focus-visible:border-black disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
       a.class
-    ].join(" ")), u = (t) => {
+    ].join(" ")), c = (t) => {
       const e = t.target;
       o("update:modelValue", e.value);
-    }, i = r(
-      () => b(a.placeholderI18n, a.placeholder)
+    }, m = d(
+      () => v(a.placeholderI18n, a.placeholder)
     );
-    return (t, e) => (m(), p("textarea", {
+    return (t, e) => (f(), b("textarea", {
       value: l.modelValue,
       rows: l.rows,
       disabled: l.disabled,
-      placeholder: i.value,
-      class: f(n.value),
-      onInput: u,
-      onFocus: e[0] || (e[0] = (d) => o("focus", d)),
-      onBlur: e[1] || (e[1] = (d) => o("blur", d)),
+      placeholder: m.value,
+      class: x(i.value),
+      dir: u.value,
+      onInput: c,
+      onFocus: e[0] || (e[0] = (r) => o("focus", r)),
+      onBlur: e[1] || (e[1] = (r) => o("blur", r)),
       "data-testid": t.$attrs["data-testid"] || (t.$attrs.name ? `textarea-${t.$attrs.name}` : "textarea")
-    }, null, 42, x));
+    }, null, 42, g));
   }
 });
 export {
-  g as default
+  y as default
 };

package/components/ThemeToggle.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, computed as d, renderSlot as u, unref as o, createVNode as h, normalizeClass as g } from "vue";
+import { defineComponent as m, computed as u, renderSlot as d, unref as o, createVNode as h, normalizeClass as g } from "vue";
 import { useTheme as f } from "../composables/useTheme.js";
 import T from "./Button.vue.js";
 import { $t as c } from "../utils/i18n.js";
@@ -11,18 +11,18 @@ const w = /* @__PURE__ */ m({
     variant: {}
   },
   setup(t) {
-    const { theme: i, toggleTheme: s } = f(), a = d(() => {
-      const n = i.value === "light", l = "vlite.themeToggle.switchToDark", r = "vlite.themeToggle.switchToLight";
+    const { theme: i, toggleTheme: r } = f(), a = u(() => {
+      const n = i.value === "light", l = "vlite.themeToggle.switchToDark", s = "vlite.themeToggle.switchToLight";
       if (n) {
         const e = c(l);
         return e !== l ? e : "Switch to dark mode";
       } else {
-        const e = c(r);
-        return e !== r ? e : "Switch to light mode";
+        const e = c(s);
+        return e !== s ? e : "Switch to light mode";
       }
     });
-    return (n, l) => u(n.$slots, "default", {
-      toggleTheme: o(s),
+    return (n, l) => d(n.$slots, "default", {
+      toggleTheme: o(r),
       theme: o(i)
     }, () => [
       h(T, {
@@ -32,7 +32,7 @@ const w = /* @__PURE__ */ m({
         size: t.size,
         class: g(t.class),
         title: a.value,
-        onClick: o(s)
+        onClick: o(r)
       }, null, 8, ["icon", "variant", "rounded", "size", "class", "title", "onClick"])
     ]);
   }

package/components/ToastNotification.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as Y, onUnmounted as F, openBlock as o, createElementBlock as i, createBlock as y, Teleport as U, Fragment as v, renderList as _, createElementVNode as m, normalizeClass as g, createVNode as w, TransitionGroup as q, withCtx as k, unref as H, isMemoSame as J, normalizeStyle as K, toDisplayString as p, createCommentVNode as T, createTextVNode as Q } from "vue";
+import { defineComponent as P, ref as Y, onUnmounted as F, openBlock as o, createElementBlock as i, createBlock as y, Teleport as U, Fragment as v, renderList as w, createElementVNode as m, normalizeClass as g, createVNode as _, TransitionGroup as q, withCtx as k, unref as H, isMemoSame as J, normalizeStyle as K, toDisplayString as p, createCommentVNode as T, createTextVNode as Q } from "vue";
 import R from "./Icon.vue.js";
 import { useNotifications as W } from "../composables/useNotifications.js";
 import X from "./Button.vue.js";
@@ -15,14 +15,14 @@ const Z = {
     expand: { type: Boolean }
   },
   setup(oe) {
-    const { notifications: z, removeToast: B, globalConfig: b, pauseTimers: $, resumeTimers: S } = W(), c = Y(!1), V = [
+    const { notifications: B, removeToast: z, globalConfig: b, pauseTimers: S, resumeTimers: V } = W(), c = Y(!1), $ = [
       "top-left",
       "top-center",
       "top-right",
       "bottom-left",
       "bottom-center",
       "bottom-right"
-    ], d = (e) => z.value.filter((t) => t.position === e).slice().reverse(), N = {
+    ], d = (e) => B.value.filter((t) => t.position === e).slice().reverse(), N = {
       "top-left": "top-0 left-0 py-4",
       "top-center": "top-0 left-1/2 -translate-x-1/2 py-4",
       "top-right": "top-0 right-0 py-4",
@@ -54,7 +54,7 @@ const Z = {
       "--entrance-offset": e.includes("bottom") ? "25px" : "-25px",
       "--entrance-opacity": "0.6"
     }, M = (e) => {
-      e.action && (e.action.onClick(), B(e.id));
+      e.action && (e.action.onClick(), z(e.id));
     }, h = {
       error: "lucide:octagon-x",
       success: "lucide:circle-check",
@@ -70,10 +70,10 @@ const Z = {
     }, D = (e) => x[e] || x.default;
     let n = null;
     const O = () => {
-      n && (clearTimeout(n), n = null), c.value = !0, $();
+      n && (clearTimeout(n), n = null), c.value = !0, S();
     }, j = () => {
       n = setTimeout(() => {
-        c.value = !1, S();
+        c.value = !1, V();
       }, 400);
     };
     F(() => {
@@ -85,7 +85,7 @@ const Z = {
     };
     return (e, s) => (o(), i("div", Z, [
       (o(), y(U, { to: "body" }, [
-        (o(), i(v, null, _(V, (t) => m("div", {
+        (o(), i(v, null, w($, (t) => m("div", {
           key: t,
           class: g(["fixed z-[9999999999]! pointer-events-none px-4 flex flex-col gap-2 transition-all duration-300 max-w-full sm:max-w-120", [
             N[t],
@@ -97,7 +97,7 @@ const Z = {
           m("div", {
             class: g(["relative w-full transition-all", [{ "flex-col-reverse": t.includes("top") }]])
           }, [
-            w(q, {
+            _(q, {
               name: d(t).length <= 1 ? "first-toast" : "stack-toast",
               tag: "div",
               class: g(["w-full grid grid-cols-1 grid-rows-1", [
@@ -106,7 +106,7 @@ const Z = {
               style: { "min-height": "20px" }
             }, {
               default: k(() => [
-                (o(!0), i(v, null, _(d(t), (r, l, L, a) => {
+                (o(!0), i(v, null, w(d(t), (r, l, L, a) => {
                   const u = [
                     r,
                     l,
@@ -130,7 +130,7 @@ const Z = {
                       }
                     ])
                   }, [
-                    w(R, {
+                    _(R, {
                       icon: h[r.type] || h.default,
                       class: "w-5 h-5 shrink-0 mt-0.5"
                     }, null, 8, ["icon"]),

package/components/TreeConnectors/TreeConnectors.vue.d.ts

@@ -23,5 +23,5 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     ancestorLastFlags: boolean[];
     lineClass: string;
     bleedY: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/TreeConnectors/TreeConnectors.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, computed as u, openBlock as s, createElementBlock as l, normalizeClass as i, Fragment as c, renderList as f, isMemoSame as g, normalizeStyle as S } from "vue";
+import { defineComponent as m, computed as u, openBlock as s, createElementBlock as o, normalizeClass as i, Fragment as c, renderList as f, isMemoSame as g, normalizeStyle as S } from "vue";
 import { EMPTY_ANCESTOR_LAST_FLAGS as b, buildTreeConnectorSegments as y } from "./geometry.js";
 const x = /* @__PURE__ */ m({
   __name: "TreeConnectors",
@@ -31,19 +31,24 @@ const x = /* @__PURE__ */ m({
         leafInset: e.leafInset
       })
     );
-    return (L, d) => (s(), l("span", {
+    return (L, d) => (s(), o("span", {
       class: i(["tree-connectors pointer-events-none absolute inset-x-0", n.bleedY ? "-inset-y-px z-[1]" : "inset-y-0 overflow-hidden"]),
       "aria-hidden": "true"
     }, [
-      (s(!0), l(c, null, f(p.value, (t, C, T, a) => {
-        const o = [t, n.lineClass];
-        if (a && a.key === t.key && g(a, o)) return a;
-        const r = (s(), l("span", {
+      (s(!0), o(c, null, f(p.value, (t, C, T, a) => {
+        const l = [t, n.lineClass];
+        if (a && a.key === t.key && g(a, l)) return a;
+        const r = (s(), o("span", {
           key: t.key,
-          class: i(["absolute", [t.orientation === "vertical" ? "w-px" : "h-px", n.lineClass]]),
+          class: i(["pointer-events-none absolute", [
+            // Vertical: 1px physical width. Horizontal: height only — length comes from
+            // logical `inlineSize` in segment style (grows toward inline-end / RTL-safe).
+            t.orientation === "vertical" ? "w-px" : "h-px",
+            n.lineClass
+          ]]),
           style: S(t.style)
         }, null, 6));
-        return r.memo = o, r;
+        return r.memo = l, r;
       }, d, 0), 128))
     ], 2));
   }

package/components/TreeConnectors/geometry.js

@@ -1,137 +1,145 @@
-import { markRaw as c } from "vue";
-const I = 20, C = 20, w = 10, H = 10, O = 5, i = 0.5, N = 2, y = 5, G = 512;
-function R(n, e, o) {
-  return n * e + o / 2;
+import { markRaw as i } from "vue";
+const C = 20, y = 20, O = 10, v = 10, w = 5, l = 0.5, m = 2, z = 5, G = 512;
+function x(n, e, s) {
+  return n * e + s / 2;
 }
-const f = (n) => `${n}px`, k = Object.freeze([]), S = /* @__PURE__ */ new Map();
-function x(n) {
-  if (!n.length) return k;
+const E = (n) => `${n}px`, R = Object.freeze([]), N = /* @__PURE__ */ new Map();
+function k(n) {
+  if (!n.length) return R;
   let e = "";
   for (let a = 0; a < n.length; a++)
     e += n[a] ? "1" : "0";
-  const o = S.get(e);
-  if (o) return o;
-  const s = c(n.slice());
-  return S.set(e, s), s;
+  const s = N.get(e);
+  if (s) return s;
+  const o = i(n.slice());
+  return N.set(e, o), o;
 }
-function v(n, e) {
-  return x([...n, e]);
+function U(n, e) {
+  return k([...n, e]);
 }
-const E = /* @__PURE__ */ new Map();
+const h = /* @__PURE__ */ new Map();
 function D(n) {
   const {
     depth: e,
-    isLastSibling: o,
-    hasToggle: s,
+    isLastSibling: s,
+    hasToggle: o,
     indent: a,
     toggleSize: r,
-    baseInset: h,
-    contentGap: l,
+    baseInset: f,
+    contentGap: c,
     leafHasSpacer: g,
     leafInset: p,
     flagsKey: u
   } = n;
   return [
     e,
-    o ? 1 : 0,
     s ? 1 : 0,
+    o ? 1 : 0,
     a,
     r,
-    h,
-    l,
+    f,
+    c,
     g ? 1 : 0,
     p,
     u
   ].join("|");
 }
 function M(n, e) {
-  if (E.size >= G) {
-    const s = E.keys().next().value;
-    s !== void 0 && E.delete(s);
+  if (h.size >= G) {
+    const o = h.keys().next().value;
+    o !== void 0 && h.delete(o);
   }
-  const o = c(e);
-  return E.set(n, o), o;
+  const s = i(e);
+  return h.set(n, s), s;
 }
-function U(n) {
+function $(n) {
   const {
     depth: e,
-    isLastSibling: o,
-    ancestorLastFlags: s,
+    isLastSibling: s,
+    ancestorLastFlags: o,
     hasToggle: a = !1,
-    indent: r = I,
-    toggleSize: h = C,
-    baseInset: l = 0,
+    indent: r = C,
+    toggleSize: f = y,
+    baseInset: c = 0,
     contentGap: g = 0,
     leafHasSpacer: p = !0,
     leafInset: u = 0
   } = n;
   if (!Number.isFinite(e) || e < 0) return [];
-  let b = "";
-  for (let t = 0; t < s.length; t++)
-    b += s[t] ? "1" : "0";
-  const d = D({
+  let A = "";
+  for (let t = 0; t < o.length; t++)
+    A += o[t] ? "1" : "0";
+  const I = D({
     depth: e,
-    isLastSibling: o,
+    isLastSibling: s,
     hasToggle: a,
     indent: r,
-    toggleSize: h,
-    baseInset: l,
+    toggleSize: f,
+    baseInset: c,
     contentGap: g,
     leafHasSpacer: p,
     leafInset: u,
-    flagsKey: b
-  }), m = E.get(d);
-  if (m) return m;
-  const T = [], _ = (t) => l + R(t, r, h);
+    flagsKey: A
+  }), b = h.get(I);
+  if (b) return b;
+  const T = [], _ = (t) => c + x(t, r, f);
   for (let t = 0; t <= e - 2; t++)
-    s[t + 1] === !1 && T.push(
-      c({
+    o[t + 1] === !1 && T.push(
+      i({
         key: `trunk-${t}`,
         orientation: "vertical",
         role: "trunk",
-        style: c({ left: f(_(t) - i), top: "0", bottom: "0" })
+        // Logical inset so rails flip with `dir="rtl"` (inline-start = right in RTL).
+        style: i({
+          insetInlineStart: E(_(t) - l),
+          top: "0",
+          bottom: "0"
+        })
       })
     );
   if (e >= 1) {
     const t = _(e - 1);
     T.push(
-      c({
+      i({
         key: `elbow-${e}`,
         orientation: "vertical",
         role: "elbow",
-        style: c(
-          o ? { left: f(t - i), top: "0", height: "50%" } : { left: f(t - i), top: "0", bottom: "0" }
+        style: i(
+          s ? { insetInlineStart: E(t - l), top: "0", height: "50%" } : { insetInlineStart: E(t - l), top: "0", bottom: "0" }
         )
       })
     );
-    const A = l + e * r;
-    let L;
-    a ? L = A - N : p ? L = _(e) + g : L = A + u - N;
-    const F = Math.max(t + y, L);
+    const L = c + e * r;
+    let S;
+    a ? S = L - m : p ? S = _(e) + g : S = L + u - m;
+    const F = Math.max(t + z, S), d = E(Math.max(0, F - t));
     T.push(
-      c({
+      i({
         key: `branch-${e}`,
         orientation: "horizontal",
         role: "branch",
-        style: c({
-          left: f(t - i),
-          top: `calc(50% - ${i}px)`,
-          width: f(Math.max(0, F - t))
+        // Only logical inline sizing — physical `width` would grow to the right
+        // in RTL and point the branch the wrong way.
+        style: i({
+          insetInlineStart: E(t - l),
+          top: `calc(50% - ${l}px)`,
+          inlineSize: d,
+          maxInlineSize: d
         })
       })
     );
   }
-  return M(d, T);
+  return M(I, T);
 }
 export {
-  C as DEFAULT_TOGGLE_SIZE,
-  H as DEFAULT_TREE_CONTENT_GAP,
-  I as DEFAULT_TREE_INDENT,
-  w as DEFAULT_TREE_LEADING,
-  O as DEFAULT_TREE_LEAF_INSET,
-  k as EMPTY_ANCESTOR_LAST_FLAGS,
-  v as appendAncestorLastFlag,
-  U as buildTreeConnectorSegments,
-  R as railX,
-  x as stabilizeAncestorLastFlags
+  y as DEFAULT_TOGGLE_SIZE,
+  v as DEFAULT_TREE_CONTENT_GAP,
+  C as DEFAULT_TREE_INDENT,
+  O as DEFAULT_TREE_LEADING,
+  w as DEFAULT_TREE_LEAF_INSET,
+  R as EMPTY_ANCESTOR_LAST_FLAGS,
+  U as appendAncestorLastFlag,
+  $ as buildTreeConnectorSegments,
+  x as railX,
+  k as stabilizeAncestorLastFlags
 };

package/components/Workbook/WorkbookAddButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as l, computed as c, openBlock as s, createBlock as d } from "vue";
+import { defineComponent as l, computed as c, openBlock as d, createBlock as s } from "vue";
 import m from "../Button.vue.js";
 import { $t as u } from "../../utils/i18n.js";
 const _ = /* @__PURE__ */ l({
@@ -9,7 +9,7 @@ const _ = /* @__PURE__ */ l({
       const t = u("vlite.workbook.addSheet");
       return t !== "vlite.workbook.addSheet" ? t : "Add New Sheet";
     });
-    return (t, e) => (s(), d(m, {
+    return (t, e) => (d(), s(m, {
       variant: "ghost",
       size: "md",
       icon: "lucide:plus",

package/composables/useRtl.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+export type TextDirection = 'ltr' | 'rtl';
+/**
+ * Nearest explicit `dir` on an ancestor of `el` (not including `el` itself).
+ * Falls back to `document.documentElement.dir`, then `'ltr'`.
+ * Used so widgets inside `dir="ltr"` islands (e.g. input addon groups) do not
+ * inherit page-level RTL via `direction: auto → html[dir]`.
+ */
+export declare function resolveDirFromAncestors(el: HTMLElement | null | undefined): TextDirection;
+/**
+ * Reactive `document.documentElement.dir === 'rtl'`.
+ * Used by tree UIs (DataTable / FileTree) for chevron direction and layout.
+ */
+export declare function useRtl(): Readonly<Ref<boolean>>;

package/composables/useRtl.js

@@ -0,0 +1,33 @@
+import { ref as r, onMounted as u, onUnmounted as o, readonly as l } from "vue";
+function d(n) {
+  let e = n?.parentElement ?? null;
+  for (; e; ) {
+    const t = e.getAttribute("dir");
+    if (t === "ltr" || t === "rtl") return t;
+    e = e.parentElement;
+  }
+  return typeof document < "u" && document.documentElement.getAttribute("dir") === "rtl" ? "rtl" : "ltr";
+}
+function c() {
+  const n = r(!1);
+  let e = null;
+  const t = () => {
+    if (typeof document > "u") {
+      n.value = !1;
+      return;
+    }
+    n.value = document.documentElement.getAttribute("dir") === "rtl";
+  };
+  return u(() => {
+    t(), e = new MutationObserver(t), e.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["dir"]
+    });
+  }), o(() => {
+    e?.disconnect(), e = null;
+  }), t(), l(n);
+}
+export {
+  d as resolveDirFromAncestors,
+  c as useRtl
+};