vlite3 1.4.40 → 1.5.0

package/components/Input.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent as Z, computed as d, useSlots as _, ref as v, onMounted as ee, nextTick as B, openBlock as r, createElementBlock as s, normalizeClass as u, createBlock as j, withCtx as te, createTextVNode as R, toDisplayString as w, createCommentVNode as i, createElementVNode as A, renderSlot as M, createVNode as C } from "vue";
+import { defineComponent as ee, computed as a, useSlots as te, ref as b, onMounted as ne, nextTick as R, openBlock as s, createElementBlock as u, normalizeClass as r, createBlock as j, withCtx as oe, createTextVNode as S, toDisplayString as w, createCommentVNode as i, createElementVNode as A, renderSlot as D, createVNode as C } from "vue";
 import g from "./Icon.vue.js";
 import le from "./Label.vue.js";
-import ne from "./Textarea.vue.js";
+import ae from "./Textarea.vue.js";
 import { resolveI18nText as E } from "../utils/i18n.js";
-const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly", "min", "max", "data-testid"], de = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 z-20" }, me = /* @__PURE__ */ Z({
+import { useRtl as de } from "../composables/useRtl.js";
+const se = ["dir"], re = ["for"], ue = ["type", "value", "placeholder", "disabled", "readonly", "min", "max", "dir", "data-testid"], ie = { class: "absolute end-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 z-20" }, ye = /* @__PURE__ */ ee({
   __name: "Input",
   props: {
     modelValue: { default: "" },
@@ -38,18 +39,19 @@ const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly"
     max: {}
   },
   emits: ["update:modelValue", "focus", "blur", "change", "click:icon", "click:icon-right"],
-  setup(t, { emit: D }) {
-    const e = t, c = D, a = d(() => E(e.labelI18n, e.label)), L = d(
+  setup(t, { emit: H }) {
+    const e = t, c = H, d = a(() => E(e.labelI18n, e.label)), L = a(
       () => E(e.placeholderI18n, e.placeholder)
-    ), x = _(), m = v(null), y = v(!1), p = v(!1), H = d(() => e.type === "password" && y.value ? "text" : e.type), k = d(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), $ = d(() => b.value || k.value || p.value), h = d(() => !!e.addonLeft || !!x["addon-left"]), V = d(() => !!e.addonRight || !!x["addon-right"]), U = d(() => [
+    ), x = te(), m = b(null), y = b(!1), U = de(), k = a(() => U.value ? "rtl" : "ltr"), p = b(!1), W = a(() => e.type === "password" && y.value ? "text" : e.type), $ = a(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), V = a(() => v.value || $.value || p.value), h = a(() => !!e.addonLeft || !!x["addon-left"]), z = a(() => !!e.addonRight || !!x["addon-right"]), q = a(() => [
       "relative w-full",
       e.class,
       e.labelPosition === "left" ? "flex items-center gap-4" : "",
       e.labelPosition === "right" ? "flex flex-row-reverse items-center gap-4" : "space-y-2"
-    ].join(" ")), W = d(() => ["relative flex w-full items-stretch", e.labelPosition !== "top" ? "flex-1" : ""].join(
-      " "
-    )), S = d(() => {
-      const l = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/70 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", n = {
+    ].join(" ")), G = a(() => [
+      "input-addon-group relative flex w-full items-stretch",
+      e.labelPosition !== "top" ? "flex-1" : ""
+    ].join(" ")), I = a(() => {
+      const n = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/70 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", o = {
         solid: "bg-muted border-transparent focus-visible:border-black",
         outline: "border border-input focus-visible:border-black",
         "outline-b": "border-b border-input bg-transparent rounded-none focus-visible:border-black",
@@ -60,7 +62,7 @@ const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly"
         md: "h-9 text-sm",
         lg: "h-10 text-base"
       };
-      let o = {
+      let l = {
         none: "rounded-none",
         sm: "rounded-sm",
         md: "rounded-md",
@@ -69,221 +71,223 @@ const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly"
         "2xl": "rounded-2xl",
         full: "rounded-full"
       }[e.rounded];
-      h.value && (e.rounded === "md" ? o = "rounded-r-md rounded-l-none" : e.rounded === "sm" ? o = "rounded-r-sm rounded-l-none" : e.rounded === "lg" ? o = "rounded-r-lg rounded-l-none" : e.rounded === "full" ? o = "rounded-r-full rounded-l-none" : e.rounded !== "none" && (o = o.replace("rounded-", "rounded-r-").replace("rounded-l-", ""))), V.value && (h.value ? o = "rounded-none" : e.rounded === "md" ? o = "rounded-l-md rounded-r-none" : e.rounded === "sm" ? o = "rounded-l-sm rounded-r-none" : e.rounded === "lg" ? o = "rounded-l-lg rounded-r-none" : e.rounded === "full" ? o = "rounded-l-full rounded-r-none" : e.rounded !== "none" && (o = o.replace("rounded-", "rounded-l-").replace("rounded-r-", ""))), e.variant === "outline-b" && (o = "rounded-none");
-      const T = e.variant === "outline-b" || e.variant === "transparent";
-      e.variant;
-      const Y = {
-        xs: "pl-6",
-        sm: "pl-8",
-        md: "pl-9",
-        lg: "pl-9",
-        xl: "pl-9"
+      h.value && (e.rounded === "md" ? l = "rounded-e-md rounded-s-none" : e.rounded === "sm" ? l = "rounded-e-sm rounded-s-none" : e.rounded === "lg" ? l = "rounded-e-lg rounded-s-none" : e.rounded === "full" ? l = "rounded-e-full rounded-s-none" : e.rounded !== "none" && (l = l.replace("rounded-", "rounded-e-").replace("rounded-s-", ""))), z.value && (h.value ? l = "rounded-none" : e.rounded === "md" ? l = "rounded-s-md rounded-e-none" : e.rounded === "sm" ? l = "rounded-s-sm rounded-e-none" : e.rounded === "lg" ? l = "rounded-s-lg rounded-e-none" : e.rounded === "full" ? l = "rounded-s-full rounded-e-none" : e.rounded !== "none" && (l = l.replace("rounded-", "rounded-s-").replace("rounded-e-", ""))), e.variant === "outline-b" && (l = "rounded-none");
+      const M = e.variant === "outline-b" || e.variant === "transparent", _ = {
+        xs: "ps-6",
+        sm: "ps-8",
+        md: "ps-9",
+        lg: "ps-9",
+        xl: "ps-9"
       };
       return [
-        l,
-        n[e.variant],
+        n,
+        o[e.variant],
         e.type === "textarea" ? "" : f[e.size],
-        o,
+        l,
         e.error ? "border-destructive focus-visible:ring-destructive" : "",
-        e.icon ? Y[e?.size] : T && !h.value ? "pl-0" : "",
-        e.showClearButton && k.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : T && !V.value ? "pr-0" : "",
+        e.icon ? _[e?.size] : M && !h.value ? "ps-0" : "",
+        e.showClearButton && $.value || e.type === "password" || e.loading || e.iconRight ? "pe-9" : M && !z.value ? "pe-0" : "",
         // Keyframe name used to detect browser autofill via animationstart event
         e.variant === "floating" ? "autofill-detect" : "",
         e.inputClass
       ].join(" ");
-    }), I = {
+    }), P = {
       sm: "text-xs",
       md: "text-sm",
       lg: "text-base"
-    }, P = (l) => {
-      const n = l === "left";
+    }, F = (n) => {
+      const o = n === "start";
       return [
         "[&_button]:w-full [&_a]:w-full! [&_.v-btn]:w-full! [&_.tooltip-trigger]:w-full",
-        n ? "[&_button]:rounded-r-none [&_a]:rounded-r-none [&_.v-btn]:rounded-r-none" : "[&_button]:rounded-l-none [&_a]:rounded-l-none [&_.v-btn]:rounded-l-none",
+        o ? "[&_button]:rounded-e-none [&_a]:rounded-e-none [&_.v-btn]:rounded-e-none" : "[&_button]:rounded-s-none [&_a]:rounded-s-none [&_.v-btn]:rounded-s-none",
         "[&_button]:relative [&_button]:focus:z-20",
-        n ? "-mr-px" : "-ml-px",
+        o ? "-me-px" : "-ms-px",
         "z-10"
       ].join(" ");
-    }, q = d(() => {
-      const l = !!x["addon-left"];
+    }, J = a(() => {
+      const n = !!x["addon-left"];
       return [
         "flex items-center justify-center whitespace-nowrap",
-        l ? `border-none ${P("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
-          sm: "rounded-l-sm",
-          md: "rounded-l-md",
-          lg: "rounded-l-lg",
-          full: "rounded-l-full",
+        n ? `border-none ${F("start")}` : `bg-muted border border-input border-e-0! px-3 text-muted-foreground ${{
+          sm: "rounded-s-sm",
+          md: "rounded-s-md",
+          lg: "rounded-s-lg",
+          full: "rounded-s-full",
           none: "rounded-none",
-          xl: "rounded-l-xl",
-          "2xl": "rounded-l-2xl"
-        }[e.rounded] || "rounded-l-md"}`,
-        l ? "" : I[e.size],
+          xl: "rounded-s-xl",
+          "2xl": "rounded-s-2xl"
+        }[e.rounded] || "rounded-s-md"}`,
+        n ? "" : P[e.size],
         e.addonLeftClass,
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
-    }), G = d(() => {
-      const l = !!x["addon-right"];
+    }), K = a(() => {
+      const n = !!x["addon-right"];
       return [
         "flex items-center justify-center whitespace-nowrap",
-        l ? `border-none ${P("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
-          sm: "rounded-r-sm",
-          md: "rounded-r-md",
-          lg: "rounded-r-lg",
-          full: "rounded-r-full",
+        n ? `border-none ${F("end")}` : `bg-muted border border-input border-s-0! px-3 text-muted-foreground ${{
+          sm: "rounded-e-sm",
+          md: "rounded-e-md",
+          lg: "rounded-e-lg",
+          full: "rounded-e-full",
           none: "rounded-none",
-          xl: "rounded-r-xl",
-          "2xl": "rounded-r-2xl"
-        }[e.rounded] || "rounded-r-md"}`,
-        l ? "" : I[e.size],
+          xl: "rounded-e-xl",
+          "2xl": "rounded-e-2xl"
+        }[e.rounded] || "rounded-e-md"}`,
+        n ? "" : P[e.size],
         e.addonRightClass,
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
-    }), J = (l) => {
-      const n = l.target;
-      c("update:modelValue", n.value);
-    }, K = (l) => {
-      const n = l.target;
-      c("change", n.value);
-    }, O = () => {
+    }), O = (n) => {
+      const o = n.target;
+      c("update:modelValue", o.value);
+    }, Q = (n) => {
+      const o = n.target;
+      c("change", o.value);
+    }, X = () => {
       e.disabled || e.readonly || (y.value = !y.value);
-    }, Q = () => {
-      e.disabled || e.readonly || (c("update:modelValue", ""), B(() => {
+    }, Y = () => {
+      e.disabled || e.readonly || (c("update:modelValue", ""), R(() => {
         m.value?.focus();
       }));
-    }, b = v(!1), z = v(!1), F = (l) => {
-      b.value = !0, c("focus", l);
-    }, N = (l) => {
-      b.value = !1, c("blur", l);
-    }, X = (l) => {
-      l.animationName === "onAutoFillStart" ? p.value = !0 : l.animationName === "onAutoFillCancel" && (p.value = !1);
+    }, v = b(!1), B = b(!1), N = (n) => {
+      v.value = !0, c("focus", n);
+    }, T = (n) => {
+      v.value = !1, c("blur", n);
+    }, Z = (n) => {
+      n.animationName === "onAutoFillStart" ? p.value = !0 : n.animationName === "onAutoFillCancel" && (p.value = !1);
     };
-    return ee(() => {
-      e.autofocus && B(() => {
+    return ne(() => {
+      e.autofocus && R(() => {
         setTimeout(() => {
-          m.value?.focus(), b.value = !0;
+          m.value?.focus(), v.value = !0;
         }, 100);
-      }), B(() => {
+      }), R(() => {
         m.value && m.value.value && !e.modelValue && (p.value = !0);
       });
-    }), (l, n) => (r(), s("div", {
-      class: u(U.value)
+    }), (n, o) => (s(), u("div", {
+      class: r(q.value)
     }, [
-      a.value && t.variant !== "floating" ? (r(), j(le, {
+      d.value && t.variant !== "floating" ? (s(), j(le, {
         key: 0,
         size: "xs",
-        for: a.value,
-        class: u(["mb-1.5", t.labelPosition !== "top" ? "mb-0" : ""].join(" "))
+        for: d.value,
+        class: r(["mb-1.5", t.labelPosition !== "top" ? "mb-0" : ""].join(" "))
       }, {
-        default: te(() => [
-          R(w(a.value), 1)
+        default: oe(() => [
+          S(w(d.value), 1)
         ]),
         _: 1
       }, 8, ["for", "class"])) : i("", !0),
       A("div", {
-        class: u(W.value)
+        class: r(G.value),
+        dir: "ltr"
       }, [
-        h.value ? (r(), s("div", {
+        h.value ? (s(), u("div", {
           key: 0,
-          class: u(q.value)
+          class: r(J.value)
         }, [
-          M(l.$slots, "addon-left", {}, () => [
-            R(w(t.addonLeft), 1)
+          D(n.$slots, "addon-left", {}, () => [
+            S(w(t.addonLeft), 1)
           ])
         ], 2)) : i("", !0),
         A("div", {
-          class: "relative w-full",
-          onMouseenter: n[2] || (n[2] = (f) => z.value = !0),
-          onMouseleave: n[3] || (n[3] = (f) => z.value = !1)
+          class: "input-field-chrome relative w-full",
+          dir: k.value,
+          onMouseenter: o[2] || (o[2] = (f) => B.value = !0),
+          onMouseleave: o[3] || (o[3] = (f) => B.value = !1)
         }, [
-          a.value && t.variant === "floating" ? (r(), s("label", {
+          d.value && t.variant === "floating" ? (s(), u("label", {
             key: 0,
-            for: a.value,
-            class: u([
+            for: d.value,
+            class: r([
               "absolute transition-all duration-200 ease-in-out pointer-events-none z-20",
-              $.value ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background] translate-y-0" : t.type === "textarea" ? `top-2 text-sm text-muted-foreground/70 ${t.icon ? "left-9" : "left-3"} translate-y-0` : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${t.icon ? "left-9" : "left-3"}`
+              V.value ? "-top-2.5 start-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background] translate-y-0" : t.type === "textarea" ? `top-2 text-sm text-muted-foreground/70 ${t.icon ? "start-9" : "start-3"} translate-y-0` : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${t.icon ? "start-9" : "start-3"}`
             ])
-          }, w(a.value), 11, oe)) : i("", !0),
-          t.type === "textarea" ? (r(), j(ne, {
+          }, w(d.value), 11, re)) : i("", !0),
+          t.type === "textarea" ? (s(), j(ae, {
             key: 1,
             "model-value": String(t.modelValue),
-            placeholder: t.variant === "floating" && a.value && !$.value ? "" : L.value,
+            placeholder: t.variant === "floating" && d.value && !V.value ? "" : L.value,
             disabled: t.disabled,
             readonly: t.readonly,
             rows: t.rows,
-            class: u(S.value),
-            "onUpdate:modelValue": n[0] || (n[0] = (f) => c("update:modelValue", f)),
-            onBlur: N,
-            onFocus: F,
-            "data-testid": l.$attrs["data-testid"] || (l.$attrs.name ? `input-${l.$attrs.name}` : a.value ? `input-${a.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "textarea")
-          }, null, 8, ["model-value", "placeholder", "disabled", "readonly", "rows", "class", "data-testid"])) : (r(), s("input", {
+            class: r(I.value),
+            dir: k.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (f) => c("update:modelValue", f)),
+            onBlur: T,
+            onFocus: N,
+            "data-testid": n.$attrs["data-testid"] || (n.$attrs.name ? `input-${n.$attrs.name}` : d.value ? `input-${d.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "textarea")
+          }, null, 8, ["model-value", "placeholder", "disabled", "readonly", "rows", "class", "dir", "data-testid"])) : (s(), u("input", {
             key: 2,
             ref_key: "inputRef",
             ref: m,
-            type: H.value,
+            type: W.value,
             value: t.modelValue,
-            placeholder: t.variant === "floating" && a.value && !$.value ? "" : L.value,
+            placeholder: t.variant === "floating" && d.value && !V.value ? "" : L.value,
             disabled: t.disabled,
             readonly: t.readonly,
             min: t.min,
             max: t.max,
-            class: u(S.value),
-            onInput: J,
-            onChange: K,
-            onBlur: N,
-            onFocus: F,
-            onAnimationstart: X,
-            "data-testid": l.$attrs["data-testid"] || (l.$attrs.name ? `input-${l.$attrs.name}` : a.value ? `input-${a.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "input")
-          }, null, 42, ae)),
-          t.icon ? (r(), s("div", {
+            class: r(I.value),
+            dir: k.value,
+            onInput: O,
+            onChange: Q,
+            onBlur: T,
+            onFocus: N,
+            onAnimationstart: Z,
+            "data-testid": n.$attrs["data-testid"] || (n.$attrs.name ? `input-${n.$attrs.name}` : d.value ? `input-${d.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "input")
+          }, null, 42, ue)),
+          t.icon ? (s(), u("div", {
             key: 3,
             tabindex: "-1",
-            class: u([
-              "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center text-muted-foreground z-20 pointer-events-none",
+            class: r([
+              "absolute start-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center text-muted-foreground z-20 pointer-events-none",
               t.disabled ? "opacity-50" : ""
             ])
           }, [
             C(g, {
               icon: t.icon,
-              class: u(["h-4 w-4", t.iconClass])
+              class: r(["h-4 w-4", t.iconClass])
             }, null, 8, ["icon", "class"])
           ], 2)) : i("", !0),
-          A("div", de, [
-            t.loading ? (r(), j(g, {
+          A("div", ie, [
+            t.loading ? (s(), j(g, {
               key: 0,
               icon: "lucide:loader-2",
               class: "h-4 w-4 animate-spin text-muted-foreground"
-            })) : t.iconRight ? (r(), s("div", {
+            })) : t.iconRight ? (s(), u("div", {
               key: 1,
               tabindex: "-1",
-              class: u([
+              class: r([
                 "flex items-center justify-center text-muted-foreground",
                 t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
               ]),
-              onClick: n[1] || (n[1] = (f) => !t.disabled && !t.readonly && c("click:icon-right", f))
+              onClick: o[1] || (o[1] = (f) => !t.disabled && !t.readonly && c("click:icon-right", f))
             }, [
               C(g, {
                 icon: t.iconRight,
-                class: u(["h-4 w-4", t.iconRightClass])
+                class: r(["h-4 w-4", t.iconRightClass])
               }, null, 8, ["icon", "class"])
             ], 2)) : i("", !0),
-            t.type === "password" && !t.disabled && !t.readonly ? (r(), s("button", {
+            t.type === "password" && !t.disabled && !t.readonly ? (s(), u("button", {
               key: 2,
               type: "button",
               tabindex: "-1",
               class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none",
-              onClick: O
+              onClick: X
             }, [
               C(g, {
                 icon: y.value ? "lucide:eye-off" : "lucide:eye",
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ])) : i("", !0),
-            t.showClearButton && k.value && !t.disabled && !t.readonly && !t.loading && t.type !== "textarea" && t.type !== "password" && (b.value || z.value) ? (r(), s("button", {
+            t.showClearButton && $.value && !t.disabled && !t.readonly && !t.loading && t.type !== "textarea" && t.type !== "password" && (v.value || B.value) ? (s(), u("button", {
               key: 3,
               type: "button",
               tabindex: "-1",
               class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none transition-opacity duration-200",
-              onClick: Q
+              onClick: Y
             }, [
               C(g, {
                 icon: "lucide:x-circle",
@@ -291,13 +295,13 @@ const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly"
               })
             ])) : i("", !0)
           ])
-        ], 32),
-        V.value ? (r(), s("div", {
+        ], 40, se),
+        z.value ? (s(), u("div", {
           key: 1,
-          class: u(G.value)
+          class: r(K.value)
         }, [
-          M(l.$slots, "addon-right", {}, () => [
-            R(w(t.addonRight), 1)
+          D(n.$slots, "addon-right", {}, () => [
+            S(w(t.addonRight), 1)
           ])
         ], 2)) : i("", !0)
       ], 2)
@@ -305,5 +309,5 @@ const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly"
   }
 });
 export {
-  me as default
+  ye as default
 };

package/components/Kanban/KanbanBoard.vue.js

@@ -1,7 +1,7 @@
 import o from "./KanbanBoard.vue2.js";
 /* empty css                 */
 import a from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-38015ba3"]]);
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-d505482b"]]);
 export {
   p as default
 };

package/components/Kanban/KanbanBoard.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as j, ref as z, watch as H, onMounted as J, computed as p, openBlock as r, createElementBlock as d, normalizeClass as c, createElementVNode as i, renderSlot as b, unref as a, toDisplayString as k, createCommentVNode as x, setBlockTracking as D, Fragment as v, renderList as C, createVNode as I, withCtx as G, isMemoSame as R } from "vue";
+import { defineComponent as j, ref as z, watch as H, onMounted as J, computed as p, openBlock as r, createElementBlock as d, normalizeClass as c, createElementVNode as i, renderSlot as f, unref as a, toDisplayString as k, createCommentVNode as x, setBlockTracking as D, Fragment as v, renderList as C, createVNode as I, withCtx as G, isMemoSame as R } from "vue";
 import { VueDraggable as q } from "vue-draggable-plus";
 import { useKanbanBoard as P } from "./useKanbanBoard.js";
 import "../../core/config.js";
@@ -62,16 +62,16 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
     ), u = p(() => o.column.disabled === !0), V = p(() => u.value ? { name: o.group, pull: !1, put: !1 } : o.group), g = (e) => typeof o.isItemDisabled == "function" ? o.isItemDisabled(e) : !1;
     return (e, n) => (r(), d("div", {
       class: c([
-        "flex flex-col bg-card rounded-lg overflow-hidden shrink-0 border border-border/50 w-full flex-1 min-w-75",
+        "flex flex-col bg-body rounded-lg overflow-hidden shrink-0 border border-border/50 w-full flex-1 min-w-75",
         // Visual indicator for a fully-disabled/locked board
         u.value && "kanban-board--disabled",
         l.boardClass
       ])
     }, [
       i("div", {
-        class: c(["p-3 border-b border-border/80 ", l.headerClass])
+        class: c(["px-3 py-2 border-b border-border/80 ", l.headerClass])
       }, [
-        b(e.$slots, "header", {
+        f(e.$slots, "header", {
           column: l.column,
           pageInfo: a(F)
         }, () => [
@@ -99,7 +99,7 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
             i("div", { class: "h-3 bg-muted/60 rounded w-1/3" }, null, -1)
           ])])), 64))).cacheIndex = 0, D(1), n[0])
         ])) : (r(), d(v, { key: 1 }, [
-          b(e.$slots, "prepend-item", {
+          f(e.$slots, "prepend-item", {
             column: l.column,
             items: a(s)
           }, void 0, !0),
@@ -117,9 +117,9 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
             onUpdate: A
           }, {
             default: G(() => [
-              (r(!0), d(v, null, C(a(s), (t, ee, oe, f) => {
+              (r(!0), d(v, null, C(a(s), (t, ee, oe, b) => {
                 const y = [t];
-                if (f && f.key === t[l.itemKey || "id"] && R(f, y)) return f;
+                if (b && b.key === t[l.itemKey || "id"] && R(b, y)) return b;
                 const h = (r(), d("div", {
                   key: t[l.itemKey || "id"],
                   class: c([
@@ -128,7 +128,7 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
                     u.value ? "cursor-default" : g(t) ? `${S} cursor-not-allowed` : "cursor-grab active:cursor-grabbing"
                   ])
                 }, [
-                  b(e.$slots, "item", {
+                  f(e.$slots, "item", {
                     item: t,
                     column: l.column,
                     isDisabled: u.value || g(t)
@@ -146,7 +146,7 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
             ]),
             _: 3
           }, 8, ["model-value", "group", "ghostClass", "class", "filter"]),
-          b(e.$slots, "append-item", {
+          f(e.$slots, "append-item", {
             column: l.column,
             items: a(s)
           }, void 0, !0),

package/components/MultiSelect/MultiSelect.vue.js

@@ -3,6 +3,7 @@ import M from "../Icon.vue.js";
 import W from "../Dropdown/Dropdown.vue.js";
 import X from "../Dropdown/DropdownMenu.vue.js";
 import { $t as C } from "../../utils/i18n.js";
+/* empty css             */
 import L from "../Badge.vue.js";
 /* empty css            */
 import { useMultiSelectHydration as Y } from "./composables/useMultiSelectHydration.js";
@@ -12,7 +13,7 @@ const Z = ["tabindex", "data-testid"], _ = {
 }, ee = { class: "truncate min-w-0" }, te = ["onClick"], ae = {
   key: 0,
   class: "flex items-center gap-2 pl-2 shrink-0 text-muted-foreground"
-}, me = /* @__PURE__ */ F({
+}, ce = /* @__PURE__ */ F({
   __name: "MultiSelect",
   props: {
     modelValue: { default: () => [] },
@@ -237,5 +238,5 @@ const Z = ["tabindex", "data-testid"], _ = {
   }
 });
 export {
-  me as default
+  ce as default
 };