vlite3 1.4.1 → 1.4.2

package/components/Dropdown/composables/useDropdownHydration.d.ts

@@ -21,6 +21,8 @@ export declare function useDropdownHydration(opts: UseDropdownHydrationOptions):
     selectedBuffer: import('vue').Ref<Map<any, {
         label: string;
         labelI18n?: string;
+        to?: string;
+        href?: string;
         value?: any;
         subtitle?: string;
         subtitleI18n?: string;
@@ -62,6 +64,8 @@ export declare function useDropdownHydration(opts: UseDropdownHydrationOptions):
     }> & Omit<Map<any, IDropdownOption>, keyof Map<any, any>>, Map<any, IDropdownOption> | (Map<any, {
         label: string;
         labelI18n?: string;
+        to?: string;
+        href?: string;
         value?: any;
         subtitle?: string;
         subtitleI18n?: string;

package/components/Dropdown/composables/useDropdownNavigation.js

@@ -1,24 +1,36 @@
-import { ref as u, computed as i } from "vue";
-import { $t as c } from "../../../utils/i18n.js";
-function b(n) {
-  const t = u(-1), o = u(!1), s = i(() => {
-    const e = n.options.value;
-    if (!n.searchQuery.value) return e;
-    const a = n.searchQuery.value.toLowerCase();
-    return e.filter((l) => (l.labelI18n ? c(l.labelI18n) : l.label).toLowerCase().includes(a));
+import { ref as i, computed as d } from "vue";
+import { $t as f } from "../../../utils/i18n.js";
+function g(o) {
+  const t = i(-1), l = i(!1), s = d(() => {
+    const e = o.options.value;
+    if (!o.searchQuery.value) return e;
+    const a = o.searchQuery.value.toLowerCase();
+    return e.filter((n) => (n.labelI18n ? f(n.labelI18n) : n.label).toLowerCase().includes(a));
   }), r = (e) => {
-    if (!n.containerRef.value || e < 0) return;
-    const l = n.containerRef.value.querySelectorAll("[data-dropdown-item]")[e];
-    l && l.scrollIntoView({ block: "nearest" });
+    if (!o.containerRef.value || e < 0) return;
+    const n = o.containerRef.value.querySelectorAll("[data-dropdown-item]")[e];
+    n && n.scrollIntoView({ block: "nearest" });
   };
   return {
     focusedIndex: t,
-    isKeyboardMode: o,
+    isKeyboardMode: l,
     filteredOptions: s,
     handleKeyDown: (e) => {
+      if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && !e.defaultPrevented) {
+        const n = document.activeElement;
+        if (!(n?.tagName === "INPUT" || n?.tagName === "TEXTAREA" || n?.isContentEditable)) {
+          const c = o.containerRef.value?.closest(".dropdown-menu");
+          if (c) {
+            const u = c.querySelector(
+              'input[data-testid="dropdown-search-input"]'
+            );
+            u && document.activeElement !== u && u.focus();
+          }
+        }
+      }
       const a = s.value;
       if (a.length !== 0)
-        switch (["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && (o.value = !0), e.key) {
+        switch (["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && (l.value = !0), e.key) {
           case "ArrowDown":
             e.preventDefault(), e.stopPropagation(), t.value < a.length - 1 ? t.value++ : t.value = 0, r(t.value);
             break;
@@ -27,17 +39,17 @@ function b(n) {
             break;
           case "Enter":
             if (e.preventDefault(), e.stopPropagation(), t.value >= 0 && t.value < a.length) {
-              const l = a[t.value];
-              l.children || n.handleSelect(l, t.value);
+              const n = a[t.value];
+              n.children || o.handleSelect(n, t.value);
             }
             break;
           case "Escape":
-            e.preventDefault(), e.stopPropagation(), n.emit("close");
+            e.preventDefault(), e.stopPropagation(), o.emit("close");
             break;
         }
     },
     handleMouseMove: () => {
-      o.value && (o.value = !1);
+      l.value && (l.value = !1);
     },
     onMouseEnterItem: (e) => {
       t.value = e;
@@ -46,5 +58,5 @@ function b(n) {
   };
 }
 export {
-  b as useDropdownNavigation
+  g as useDropdownNavigation
 };

package/components/Form/FormField.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent as E, computed as s, markRaw as M, openBlock as c, createBlock as m, mergeProps as p, toHandlers as L, createSlots as q, unref as P, withCtx as u, createVNode as N, createTextVNode as b, toDisplayString as y, createCommentVNode as B, resolveDynamicComponent as G } from "vue";
 import { resolveFieldType as J, isComponent as R, isAddonObject as x } from "./utils/form.utils.js";
 import K from "../NumberInput.vue.js";
-import V from "../Button.vue.js";
+import z from "../Button.vue.js";
 import { $t as Q } from "../../utils/i18n.js";
-import z from "../Input.vue.js";
+import V from "../Input.vue.js";
 /* empty css            */
 import W from "../Switch.vue.js";
 import X from "../CheckBox.vue.js";
@@ -63,9 +63,9 @@ const Be = /* @__PURE__ */ E({
         case "url":
         case "search":
         case "textarea":
-          return z;
+          return V;
         case "number":
-          return k.value ? z : K;
+          return k.value ? V : K;
         case "switch":
           return W;
         case "check":
@@ -99,7 +99,7 @@ const Be = /* @__PURE__ */ E({
         case "richTextEditor":
           return oe;
         default:
-          return z;
+          return V;
       }
     }), A = s(() => {
       const a = f.value, { disabled: l, readonly: r, ...g } = e.field, t = {
@@ -309,7 +309,10 @@ const Be = /* @__PURE__ */ E({
       if (a === "color")
         return {
           ...t,
-          modelValue: e.value || "#000000"
+          modelValue: e.value || "#000000",
+          variant: e.variant,
+          size: e.size,
+          rounded: e.rounded
         };
       if (a === "iconPicker")
         return {
@@ -427,7 +430,7 @@ const Be = /* @__PURE__ */ E({
     }, C = (a) => {
       a.action && v("addonAction", a.action);
     };
-    return (a, l) => O.value ? (c(), m(z, p({ key: 0 }, {
+    return (a, l) => O.value ? (c(), m(V, p({ key: 0 }, {
       ...A.value,
       ...i.field?.props || {}
     }, L($.value)), q({ _: 2 }, [
@@ -442,7 +445,7 @@ const Be = /* @__PURE__ */ E({
             onOnSelect: l[0] || (l[0] = (r) => F(i.field.addonLeft, r))
           }), {
             trigger: u(({ selectedLabel: r }) => [
-              N(V, { variant: "outline" }, {
+              N(z, { variant: "outline" }, {
                 default: u(() => [
                   b(y(r), 1)
                 ]),
@@ -450,7 +453,7 @@ const Be = /* @__PURE__ */ E({
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : i.field.addonLeft.type === "button" ? (c(), m(V, p({
+          }, 16, ["modelValue", "options"])) : i.field.addonLeft.type === "button" ? (c(), m(z, p({
             key: 1,
             variant: "outline"
           }, i.field.addonLeft.props || {}, {
@@ -475,7 +478,7 @@ const Be = /* @__PURE__ */ E({
             onOnSelect: l[2] || (l[2] = (r) => F(i.field.addonRight, r))
           }), {
             trigger: u(({ selectedLabel: r }) => [
-              N(V, { variant: "outline" }, {
+              N(z, { variant: "outline" }, {
                 default: u(() => [
                   b(y(r), 1)
                 ]),
@@ -483,7 +486,7 @@ const Be = /* @__PURE__ */ E({
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : i.field.addonRight.type === "button" ? (c(), m(V, p({
+          }, 16, ["modelValue", "options"])) : i.field.addonRight.type === "button" ? (c(), m(z, p({
             key: 1,
             variant: "outline"
           }, i.field.addonRight.props || {}, {

package/components/IconPicker.vue.js

@@ -3,11 +3,12 @@ import $ from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import { $t as d } from "../utils/i18n.js";
 /* empty css           */
+/* empty css                                   */
 /* empty css                           */
 import C from "./Button.vue.js";
 import I from "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
-const j = /* @__PURE__ */ g({
+const A = /* @__PURE__ */ g({
   __name: "IconPicker",
   props: {
     btnProps: {},
@@ -130,5 +131,5 @@ const j = /* @__PURE__ */ g({
   }
 });
 export {
-  j as default
+  A as default
 };

package/components/ImportData/ImportStep2.vue.js

@@ -3,6 +3,7 @@ import A from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import { $t as E } from "../../utils/i18n.js";
 /* empty css            */
+/* empty css                                    */
 /* empty css                            */
 import P from "../CheckBox.vue.js";
 const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }, q = { class: "border border-border rounded-xl overflow-hidden" }, L = { class: "overflow-x-auto max-h-[440px] always-scroll scrollbar-thin" }, W = { class: "import-table" }, G = { class: "import-thead" }, J = { class: "import-th" }, K = { class: "import-th" }, Q = { class: "import-th" }, T = { class: "import-tbody" }, X = { class: "import-td-header" }, Y = { class: "import-td-dropdown" }, Z = {
@@ -14,7 +15,7 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
 }, st = { class: "import-td-action" }, ot = { class: "flex justify-center items-center h-full" }, it = {
   key: 0,
   class: "text-center text-sm text-warning font-medium p-4 bg-warning/10 rounded-lg border border-warning/20"
-}, ut = /* @__PURE__ */ V({
+}, vt = /* @__PURE__ */ V({
   __name: "ImportStep2",
   props: {
     headers: {},
@@ -113,5 +114,5 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
   }
 });
 export {
-  ut as default
+  vt as default
 };

package/components/MultiSelect/composables/useMultiSelectHydration.d.ts

@@ -13,6 +13,8 @@ export declare function useMultiSelectHydration(opts: UseMultiSelectHydrationOpt
     selectedBuffer: import('vue').Ref<Map<any, {
         label: string;
         labelI18n?: string;
+        to?: string;
+        href?: string;
         value?: any;
         subtitle?: string;
         subtitleI18n?: string;
@@ -54,6 +56,8 @@ export declare function useMultiSelectHydration(opts: UseMultiSelectHydrationOpt
     }> & Omit<Map<any, IDropdownOption>, keyof Map<any, any>>, Map<any, IDropdownOption> | (Map<any, {
         label: string;
         labelI18n?: string;
+        to?: string;
+        href?: string;
         value?: any;
         subtitle?: string;
         subtitleI18n?: string;

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                      */
+/* empty css                                       */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/PermissionMatrix/PermissionTopBar.vue.js

@@ -5,6 +5,7 @@ import y from "../Icon.vue.js";
 import K from "../CheckBox.vue.js";
 import B from "../Dropdown/Dropdown.vue.js";
 import "../../core/config.js";
+/* empty css                                    */
 /* empty css                            */
 const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3 mb-4" }, A = { class: "flex items-center gap-2 flex-1 w-full sm:max-w-lg" }, Q = {
   key: 0,
@@ -15,7 +16,7 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
 }, N = ["onClick"], P = { class: "text-sm" }, E = {
   key: 0,
   class: "border-t px-3 py-1.5"
-}, F = { class: "flex items-center gap-3 ml-auto" }, I = /* @__PURE__ */ w({
+}, F = { class: "flex items-center gap-3 ml-auto" }, J = /* @__PURE__ */ w({
   __name: "PermissionTopBar",
   props: {
     searchQuery: {},
@@ -129,5 +130,5 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
   }
 });
 export {
-  I as default
+  J as default
 };

package/components/Screen/ScreenFilter.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as B, ref as M, computed as d, openBlock as r, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
+import { defineComponent as B, ref as M, computed as d, openBlock as s, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
 import f from "../Button.vue.js";
 import j from "../Modal.vue.js";
 import z from "../Dropdown/Dropdown.vue.js";
 import h from "../Icon.vue.js";
 import { $t as y } from "../../utils/i18n.js";
 /* empty css            */
+/* empty css                                    */
 /* empty css                            */
 import O from "../Form/Form.vue.js";
 /* empty css                  */
@@ -14,7 +15,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                          */
+/* empty css                           */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */
@@ -27,7 +28,7 @@ import "../../core/config.js";
 const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, A = { style: { "will-change": "transform", contain: "layout style" } }, E = {
   class: "pt-2 px-2 min-w-[295px]",
   style: { "will-change": "transform", contain: "layout style" }
-}, ae = /* @__PURE__ */ B({
+}, me = /* @__PURE__ */ B({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -36,10 +37,10 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   },
   emits: ["update:modelValue", "change"],
   setup(i, { emit: $ }) {
-    const m = i, c = $, s = M(!1), p = d(() => m.modelValue ? Object.keys(m.modelValue).filter(
+    const m = i, c = $, r = M(!1), p = d(() => m.modelValue ? Object.keys(m.modelValue).filter(
       (e) => m.modelValue[e] !== "" && m.modelValue[e] !== null && m.modelValue[e] !== void 0
     ).length : 0), x = (e) => {
-      c("update:modelValue", e.values), c("change", e.values), s.value = !1;
+      c("update:modelValue", e.values), c("change", e.values), r.value = !1;
     }, k = () => {
       c("update:modelValue", {}), c("change", {});
     }, g = d(() => {
@@ -52,19 +53,19 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       const e = y("vlite.screen.filter");
       return e !== "vlite.screen.filter" ? e : "Filter";
     });
-    return (e, t) => i.type === "modal" ? (r(), n(j, {
+    return (e, t) => i.type === "modal" ? (s(), n(j, {
       key: 0,
       title: g.value,
-      show: s.value,
-      "onUpdate:show": t[3] || (t[3] = (u) => s.value = u),
+      show: r.value,
+      "onUpdate:show": t[3] || (t[3] = (u) => r.value = u),
       "max-width": "sm:max-w-md"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (r(), n(f, {
+        p.value > 0 ? (s(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0",
-          onClick: t[0] || (t[0] = (u) => s.value = !0)
+          onClick: t[0] || (t[0] = (u) => r.value = !0)
         }, {
           default: o(() => [
             a(h, {
@@ -83,10 +84,10 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (r(), n(f, {
+        })) : (s(), n(f, {
           key: 1,
           variant: "outline",
-          onClick: t[2] || (t[2] = (u) => s.value = !0),
+          onClick: t[2] || (t[2] = (u) => r.value = !0),
           title: V.value,
           size: "lg",
           asIcon: "",
@@ -94,7 +95,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         }, {
           default: o(() => [
             l("div", N, [
-              t[1] || (C(-1, !0), (t[1] = (r(), S("svg", {
+              t[1] || (C(-1, !0), (t[1] = (s(), S("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "1.132em",
                 height: "1.132em",
@@ -125,10 +126,10 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         ])
       ]),
       _: 1
-    }, 8, ["title", "show"])) : (r(), n(w(z), {
+    }, 8, ["title", "show"])) : (s(), n(w(z), {
       key: 1,
-      isOpen: s.value,
-      "onUpdate:isOpen": t[4] || (t[4] = (u) => s.value = u),
+      isOpen: r.value,
+      "onUpdate:isOpen": t[4] || (t[4] = (u) => r.value = u),
       "close-on-select": !1,
       position: "bottom-end",
       maxHeight: "430px",
@@ -136,7 +137,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       class: "w-auto"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (r(), n(f, {
+        p.value > 0 ? (s(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0 bg-gray-150! hover:bg-gray-100!",
@@ -159,7 +160,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (r(), n(f, {
+        })) : (s(), n(f, {
           key: 1,
           variant: "outline",
           icon: "hugeicons:filter-add",
@@ -190,5 +191,5 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   }
 });
 export {
-  ae as default
+  me as default
 };

package/components/SidebarMenu/SidebarMenuItem.vue.js

@@ -5,6 +5,7 @@ import G from "../Tooltip.vue.js";
 import xe from "../Dropdown/Dropdown.vue.js";
 import { $t as J } from "../../utils/i18n.js";
 /* empty css            */
+/* empty css                                    */
 /* empty css                            */
 const we = {
   key: 0,
@@ -12,7 +13,7 @@ const we = {
 }, ke = { class: "w-full" }, Ce = { class: "flex items-center w-full gap-2 text-sm" }, Ie = { class: "truncate flex-1 font-medium" }, Se = ["onKeydown"], ze = {
   key: 0,
   class: "sidebar-children-container overflow-hidden transition-all duration-300 ease-in-out relative"
-}, $e = { class: "pt-1 space-y-0.5" }, Ae = /* @__PURE__ */ le({
+}, $e = { class: "pt-1 space-y-0.5" }, De = /* @__PURE__ */ le({
   __name: "SidebarMenuItem",
   props: {
     item: {},
@@ -378,5 +379,5 @@ const we = {
   }
 });
 export {
-  Ae as default
+  De as default
 };

package/components/Switch.vue.js

@@ -1,12 +1,12 @@
 import { defineComponent as h, computed as b, openBlock as n, createElementBlock as s, normalizeClass as i, createElementVNode as o, toDisplayString as d, createCommentVNode as u, withModifiers as v } from "vue";
 import { $t as m } from "../utils/i18n.js";
-const w = { class: "flex flex-col gap-0.5 min-w-0" }, k = {
+const w = { class: "flex flex-col gap-0.5 min-w-0" }, p = {
   key: 0,
   class: "text-sm font-medium text-foreground leading-snug select-none"
-}, p = {
+}, y = {
   key: 1,
   class: "text-xs text-muted-foreground leading-snug select-none"
-}, x = ["id", "aria-checked", "aria-label", "disabled", "data-testid"], y = ["id", "aria-checked", "aria-label", "disabled", "data-testid"], z = /* @__PURE__ */ h({
+}, k = ["id", "aria-checked", "aria-label", "disabled", "data-testid"], x = ["id", "aria-checked", "aria-label", "disabled", "data-testid"], z = /* @__PURE__ */ h({
   __name: "Switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -36,8 +36,8 @@ const w = { class: "flex flex-col gap-0.5 min-w-0" }, k = {
       onClick: r
     }, [
       o("div", w, [
-        t.value ? (n(), s("span", k, d(t.value), 1)) : u("", !0),
-        c.value ? (n(), s("span", p, d(c.value), 1)) : u("", !0)
+        t.value ? (n(), s("span", p, d(t.value), 1)) : u("", !0),
+        c.value ? (n(), s("span", y, d(c.value), 1)) : u("", !0)
       ]),
       o("button", {
         id: e.id,
@@ -57,7 +57,7 @@ const w = { class: "flex flex-col gap-0.5 min-w-0" }, k = {
             e.modelValue ? "translate-x-5 rtl:translate-x-0" : "translate-x-0 rtl:-translate-x-5"
           ])
         }, null, 2)
-      ], 10, x)
+      ], 10, k)
     ], 2)) : (n(), s("div", {
       key: 1,
       class: i(["inline-flex items-center gap-2", a.class])
@@ -76,11 +76,11 @@ const w = { class: "flex flex-col gap-0.5 min-w-0" }, k = {
         o("span", {
           "aria-hidden": "true",
           class: i([
-            "pointer-events-none inline-block h-4.5 w-4.5 transform rounded-full bg-background shadow-lg ring-0 transition duration-200 ease-in-out",
+            "pointer-events-none inline-block h-4.5 w-4.5 transform rounded-full bg-primary-fg shadow-lg ring-0 transition duration-200 ease-in-out",
             e.modelValue ? "translate-x-5 rtl:translate-x-0" : "translate-x-0 rtl:-translate-x-5"
           ])
         }, null, 2)
-      ], 10, y),
+      ], 10, x),
       t.value ? (n(), s("label", {
         key: 0,
         class: i([e.disabled ? "opacity-50" : "", "text-sm font-medium text-foreground cursor-pointer"]),

package/components/Tooltip.vue.js

@@ -14,6 +14,7 @@ const y = {
     placement: { default: "top" },
     offset: {},
     trigger: {},
+    reference: {},
     arrow: { type: Boolean, default: !0 },
     triggerClass: { default: "" },
     className: { default: "" },

package/components/Workbook/Sheet.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as I, ref as b, computed as v, openBlock as a, createElementBlock as d, normalizeClass as $, createElementVNode as u, withModifiers as r, createBlock as S, withCtx as x, createVNode as m, createCommentVNode as V, withDirectives as j, withKeys as g, vModelText as z, toDisplayString as K, unref as M, nextTick as N } from "vue";
+import { defineComponent as I, ref as b, computed as v, openBlock as r, createElementBlock as d, normalizeClass as $, createElementVNode as u, withModifiers as a, createBlock as S, withCtx as x, createVNode as m, createCommentVNode as V, withDirectives as j, withKeys as g, vModelText as z, toDisplayString as K, unref as M, nextTick as N } from "vue";
 import y from "../Icon.vue.js";
 import O from "../Dropdown/Dropdown.vue.js";
 import { $t as l } from "../../utils/i18n.js";
 /* empty css            */
+/* empty css                                    */
 /* empty css                            */
 import R from "../Button.vue.js";
 import A from "../IconPicker.vue.js";
@@ -15,7 +16,7 @@ const U = {
 }, F = { class: "flex-1 min-w-0 pr-1" }, G = ["onKeydown"], H = {
   key: 1,
   class: "block truncate text-sm font-medium leading-normal"
-}, _ = /* @__PURE__ */ I({
+}, ee = /* @__PURE__ */ I({
   __name: "Sheet",
   props: {
     sheet: {},
@@ -86,17 +87,17 @@ const U = {
       e.isActive ? `bg-secondary text-foreground ring-1 ring-border ring-b-0 z-10 ${e.activeItemClass}` : `text-muted-foreground hover:bg-accent/50 ${e.inactiveItemClass}`,
       e.isEditing ? "cursor-text" : ""
     ].filter(Boolean).join(" "));
-    return (n, t) => (a(), d("div", {
+    return (n, t) => (r(), d("div", {
       class: $(E.value),
       onClick: t[5] || (t[5] = (c) => o("select", i.sheet.id)),
       onDblclick: h
     }, [
       u("div", {
-        onClick: t[1] || (t[1] = r(() => {
+        onClick: t[1] || (t[1] = a(() => {
         }, ["stop"])),
         class: "mr-2 flex items-center shrink-0"
       }, [
-        (i.sheet.icon || i.isEditing) && i.allowIconChange ? (a(), S(A, {
+        (i.sheet.icon || i.isEditing) && i.allowIconChange ? (r(), S(A, {
           key: 0,
           value: i.sheet.icon || "lucide:file",
           position: "bottom-start",
@@ -111,7 +112,7 @@ const U = {
             ])
           ]),
           _: 1
-        }, 8, ["value"])) : i.sheet.icon ? (a(), d("div", q, [
+        }, 8, ["value"])) : i.sheet.icon ? (r(), d("div", q, [
           m(y, {
             icon: i.sheet.icon,
             class: "w-4 h-4 opacity-70"
@@ -119,7 +120,7 @@ const U = {
         ])) : V("", !0)
       ]),
       u("div", F, [
-        i.isEditing ? j((a(), d("input", {
+        i.isEditing ? j((r(), d("input", {
           key: 0,
           ref_key: "inputRef",
           ref: f,
@@ -128,18 +129,18 @@ const U = {
           class: "w-full bg-transparent border-none outline-none p-0 text-sm font-medium text-foreground placeholder-muted-foreground focus:ring-0",
           onBlur: k,
           onKeydown: [
-            g(r(k, ["prevent"]), ["enter"]),
-            g(r(D, ["prevent"]), ["esc"])
+            g(a(k, ["prevent"]), ["enter"]),
+            g(a(D, ["prevent"]), ["esc"])
           ],
-          onClick: t[3] || (t[3] = r(() => {
+          onClick: t[3] || (t[3] = a(() => {
           }, ["stop"]))
         }, null, 40, G)), [
           [z, s.value]
-        ]) : (a(), d("span", H, K(C.value), 1))
+        ]) : (r(), d("span", H, K(C.value), 1))
       ]),
       u("div", {
         class: "opacity-0 group-hover:opacity-100 transition-opacity ml-auto pl-1 -mr-2 flex items-center",
-        onClick: t[4] || (t[4] = r(() => {
+        onClick: t[4] || (t[4] = a(() => {
         }, ["stop"]))
       }, [
         m(M(O), {
@@ -165,5 +166,5 @@ const U = {
   }
 });
 export {
-  _ as default
+  ee as default
 };

package/components/index.d.ts

@@ -6,6 +6,7 @@ export { default as Badge } from './Badge.vue';
 export { Barcode } from './Barcode';
 export { default as Beacon } from './Beacon.vue';
 export { Breadcrumb, BreadcrumbItem } from './Breadcrumb';
+export { CategoryMenu } from './CategoryMenu';
 export { default as Button } from './Button.vue';
 export { default as BackButton } from './BackButton.vue';
 export { default as ButtonGroup } from './ButtonGroup.vue';

package/index.d.ts

@@ -50,6 +50,7 @@ export * from './components/AttachmentsList';
 export * from './components/CustomFieldsDisplay';
 export * from './components/Invoice';
 export * from './components/CategoryManager';
+export * from './components/CategoryMenu';
 export * from './components/ThumbnailSelector';
 export * from './components/TagInput';
 export * from './components/Calendar';