cisse-vue-ui 0.1.0

package/dist/TableAction.vue_vue_type_script_setup_true_lang-BHskhVhK.js

@@ -0,0 +1,540 @@
+import { defineComponent, createElementBlock, openBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, computed, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, ref, watch, createVNode, withDirectives, unref, vModelText, withModifiers, Transition, withCtx, nextTick, resolveComponent, mergeProps } from "vue";
+import { e as _sfc_main$5, d as _sfc_main$6, c as _sfc_main$7, b as _sfc_main$8, a as _sfc_main$9 } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
+import { Icon } from "@iconify/vue";
+const _hoisted_1$3 = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
+const _hoisted_2$3 = {
+  key: 0,
+  class: "flex items-center justify-between border-b border-gray-200 px-5 py-3 dark:border-gray-700"
+};
+const _hoisted_3$2 = { class: "flex flex-col gap-0.5" };
+const _hoisted_4$2 = {
+  key: 0,
+  class: "text-md font-semibold text-gray-800 dark:text-gray-200"
+};
+const _hoisted_5$2 = {
+  key: 1,
+  class: "text-sm font-normal text-gray-600 dark:text-gray-400"
+};
+const _hoisted_6$1 = { class: "flex gap-2" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "CardComponent",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+          createElementVNode("div", _hoisted_3$2, [
+            __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_4$2, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createTextVNode(toDisplayString(__props.title), 1)
+              ])
+            ])) : createCommentVNode("", true),
+            __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_5$2, [
+              renderSlot(_ctx.$slots, "description", {}, () => [
+                createTextVNode(toDisplayString(__props.description), 1)
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_6$1, [
+            renderSlot(_ctx.$slots, "actions")
+          ])
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "w-full divide-y divide-gray-300 text-left dark:divide-gray-700" };
+const _hoisted_2$2 = { class: "bg-slate-100 text-sm font-semibold text-gray-600 uppercase dark:bg-slate-900 dark:text-gray-400" };
+const _hoisted_3$1 = { class: "divide-y divide-gray-200 font-medium dark:divide-gray-800" };
+const _hoisted_4$1 = { class: "flex items-center justify-end gap-2 px-3 py-4" };
+const _hoisted_5$1 = { key: 0 };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "TableComponent",
+  props: {
+    properties: {},
+    items: {}
+  },
+  setup(__props) {
+    const typeComponents = {
+      text: _sfc_main$9,
+      number: _sfc_main$8,
+      date: _sfc_main$7,
+      boolean: _sfc_main$6,
+      badge: _sfc_main$5
+    };
+    const getTypeComponent = (type = "text") => {
+      return typeComponents[type] || _sfc_main$9;
+    };
+    const visibleProperties = computed(() => __props.properties.filter((p) => !p.hidden));
+    const getItemValue = (item, property) => {
+      if (property.name.includes(".")) {
+        let value = item;
+        for (const key of property.name.split(".")) {
+          if (value && typeof value === "object" && key in value) {
+            value = value[key];
+          } else {
+            return void 0;
+          }
+        }
+        return value;
+      }
+      return item[property.name];
+    };
+    const getAlignmentClass = (align) => {
+      switch (align) {
+        case "center":
+          return "text-center";
+        case "right":
+          return "text-right";
+        default:
+          return "text-left";
+      }
+    };
+    const getMainClass = (main) => {
+      if (main) {
+        return "text-sm font-semibold text-gray-900 dark:text-gray-100";
+      }
+      return "text-xs font-medium text-gray-600 dark:text-gray-400";
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("table", _hoisted_1$2, [
+          createElementVNode("thead", _hoisted_2$2, [
+            createElementVNode("tr", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(visibleProperties.value, (property) => {
+                return openBlock(), createElementBlock("th", {
+                  key: property.name,
+                  class: normalizeClass([getAlignmentClass(property.align), "px-3 py-3"])
+                }, [
+                  renderSlot(_ctx.$slots, "header-" + property.name, { property }, () => [
+                    createTextVNode(toDisplayString(property.label ?? property.name), 1)
+                  ])
+                ], 2);
+              }), 128)),
+              _cache[0] || (_cache[0] = createElementVNode("th", { class: "px-3 py-3 text-right" }, null, -1))
+            ])
+          ]),
+          createElementVNode("tbody", _hoisted_3$1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+              return openBlock(), createElementBlock("tr", {
+                key: item.id,
+                class: "hover:bg-slate-50 dark:hover:bg-slate-950"
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(visibleProperties.value, (property) => {
+                  return openBlock(), createElementBlock("td", {
+                    key: property.name,
+                    class: normalizeClass([
+                      getAlignmentClass(property.align),
+                      getMainClass(property.main),
+                      property.className,
+                      "px-3 py-4"
+                    ])
+                  }, [
+                    renderSlot(_ctx.$slots, "item-" + property.name, {
+                      item,
+                      property,
+                      value: getItemValue(item, property)
+                    }, () => [
+                      (openBlock(), createBlock(resolveDynamicComponent(getTypeComponent(property.type || "text")), {
+                        value: getItemValue(item, property)
+                      }, null, 8, ["value"]))
+                    ])
+                  ], 2);
+                }), 128)),
+                createElementVNode("td", _hoisted_4$1, [
+                  renderSlot(_ctx.$slots, "action", { item })
+                ])
+              ]);
+            }), 128))
+          ])
+        ]),
+        !__props.items || __props.items.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+          renderSlot(_ctx.$slots, "empty")
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "autocomplete-container" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
+};
+const _hoisted_3 = { class: "relative" };
+const _hoisted_4 = ["disabled", "placeholder"];
+const _hoisted_5 = ["disabled"];
+const _hoisted_6 = {
+  key: 0,
+  class: "px-4 py-3 text-sm text-gray-500"
+};
+const _hoisted_7 = ["data-index", "onClick"];
+const _hoisted_8 = { class: "flex-1 dark:text-white" };
+const _hoisted_9 = { class: "text-xs text-gray-400" };
+const _hoisted_10 = {
+  key: 1,
+  class: "mt-1 text-sm text-red-600"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "AutocompleteComponent",
+  props: {
+    modelValue: {},
+    options: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    label: {},
+    error: {},
+    noResultsText: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const searchQuery = ref("");
+    const isOpen = ref(false);
+    const highlightedIndex = ref(-1);
+    const inputRef = ref(null);
+    const dropdownRef = ref(null);
+    const filteredOptions = computed(() => {
+      if (!searchQuery.value) {
+        return props.options;
+      }
+      const query = searchQuery.value.toLowerCase();
+      return props.options.filter(
+        (option) => option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query)
+      );
+    });
+    const selectedLabel = computed(() => {
+      if (!props.modelValue) return "";
+      const option = props.options.find((opt) => opt.value === props.modelValue);
+      return (option == null ? void 0 : option.label) || "";
+    });
+    watch(
+      () => props.modelValue,
+      () => {
+        if (!isOpen.value) {
+          searchQuery.value = selectedLabel.value;
+        }
+      },
+      { immediate: true }
+    );
+    const openDropdown = () => {
+      if (props.disabled) return;
+      isOpen.value = true;
+      searchQuery.value = "";
+      highlightedIndex.value = -1;
+      nextTick(() => {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+      });
+    };
+    const closeDropdown = () => {
+      isOpen.value = false;
+      searchQuery.value = selectedLabel.value;
+      highlightedIndex.value = -1;
+    };
+    const selectOption = (option) => {
+      emit("update:modelValue", option.value);
+      searchQuery.value = option.label;
+      closeDropdown();
+    };
+    const clearSelection = () => {
+      emit("update:modelValue", null);
+      searchQuery.value = "";
+      highlightedIndex.value = -1;
+      nextTick(() => {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+      });
+    };
+    const handleKeydown = (event) => {
+      if (!isOpen.value) return;
+      switch (event.key) {
+        case "ArrowDown":
+          event.preventDefault();
+          highlightedIndex.value = Math.min(
+            highlightedIndex.value + 1,
+            filteredOptions.value.length - 1
+          );
+          scrollToHighlighted();
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          highlightedIndex.value = Math.max(highlightedIndex.value - 1, 0);
+          scrollToHighlighted();
+          break;
+        case "Enter":
+          event.preventDefault();
+          if (highlightedIndex.value >= 0 && filteredOptions.value[highlightedIndex.value]) {
+            selectOption(filteredOptions.value[highlightedIndex.value]);
+          }
+          break;
+        case "Escape":
+          event.preventDefault();
+          closeDropdown();
+          break;
+      }
+    };
+    const scrollToHighlighted = () => {
+      nextTick(() => {
+        if (dropdownRef.value) {
+          const highlightedElement = dropdownRef.value.querySelector(
+            `[data-index="${highlightedIndex.value}"]`
+          );
+          if (highlightedElement) {
+            highlightedElement.scrollIntoView({ block: "nearest" });
+          }
+        }
+      });
+    };
+    const handleClickOutside = (event) => {
+      const target = event.target;
+      if (!target.closest(".autocomplete-container") && !target.closest(".autocomplete-dropdown")) {
+        closeDropdown();
+      }
+    };
+    watch(isOpen, (newValue) => {
+      if (newValue) {
+        document.addEventListener("click", handleClickOutside);
+      } else {
+        document.removeEventListener("click", handleClickOutside);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        __props.label ? (openBlock(), createElementBlock("label", _hoisted_2$1, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", {
+            class: normalizeClass([{
+              "border-red-500": __props.error,
+              "border-gray-300 dark:border-gray-600": !__props.error && !isOpen.value,
+              "border-blue-500 ring-2 ring-blue-200 dark:ring-blue-900": isOpen.value,
+              "cursor-not-allowed opacity-50": __props.disabled
+            }, "flex items-center gap-2 rounded-lg border bg-white px-3 py-2 transition dark:bg-gray-800"])
+          }, [
+            createVNode(unref(Icon), {
+              class: "size-5 text-gray-400",
+              icon: "lucide:search"
+            }),
+            withDirectives(createElementVNode("input", {
+              ref_key: "inputRef",
+              ref: inputRef,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+              disabled: __props.disabled,
+              placeholder: __props.placeholder || "Search...",
+              class: "flex-1 bg-transparent text-sm outline-none dark:text-white",
+              type: "text",
+              onFocus: openDropdown,
+              onKeydown: handleKeydown
+            }, null, 40, _hoisted_4), [
+              [vModelText, searchQuery.value]
+            ]),
+            __props.modelValue && !__props.disabled ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              class: "rounded p-1 transition hover:bg-gray-100 dark:hover:bg-gray-700",
+              type: "button",
+              onClick: withModifiers(clearSelection, ["stop"])
+            }, [
+              createVNode(unref(Icon), {
+                class: "size-4 text-gray-400",
+                icon: "lucide:x"
+              })
+            ])) : createCommentVNode("", true),
+            createElementVNode("button", {
+              disabled: __props.disabled,
+              class: "rounded p-1 transition hover:bg-gray-100 dark:hover:bg-gray-700",
+              type: "button",
+              onClick: _cache[1] || (_cache[1] = withModifiers(($event) => isOpen.value ? closeDropdown() : openDropdown(), ["stop"]))
+            }, [
+              createVNode(unref(Icon), {
+                class: normalizeClass([{ "rotate-180": isOpen.value }, "size-4 text-gray-400 transition"]),
+                icon: "lucide:chevron-down"
+              }, null, 8, ["class"])
+            ], 8, _hoisted_5)
+          ], 2),
+          createVNode(Transition, {
+            "enter-active-class": "transition duration-100 ease-out",
+            "enter-from-class": "opacity-0 scale-95",
+            "enter-to-class": "opacity-100 scale-100",
+            "leave-active-class": "transition duration-75 ease-in",
+            "leave-from-class": "opacity-100 scale-100",
+            "leave-to-class": "opacity-0 scale-95"
+          }, {
+            default: withCtx(() => [
+              isOpen.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                ref_key: "dropdownRef",
+                ref: dropdownRef,
+                class: "autocomplete-dropdown absolute z-50 mt-2 max-h-60 w-full overflow-auto rounded-lg border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800"
+              }, [
+                filteredOptions.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(__props.noResultsText || "No results found"), 1)) : createCommentVNode("", true),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (option, index) => {
+                  return openBlock(), createElementBlock("button", {
+                    key: option.value,
+                    class: normalizeClass([{
+                      "bg-gray-100 dark:bg-gray-700": highlightedIndex.value === index,
+                      "bg-blue-50 dark:bg-blue-900/20": __props.modelValue === option.value
+                    }, "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition hover:bg-gray-100 dark:hover:bg-gray-700"]),
+                    "data-index": index,
+                    type: "button",
+                    onClick: ($event) => selectOption(option)
+                  }, [
+                    __props.modelValue === option.value ? (openBlock(), createBlock(unref(Icon), {
+                      key: 0,
+                      class: "size-4 text-blue-600 dark:text-blue-400",
+                      icon: "lucide:check"
+                    })) : createCommentVNode("", true),
+                    createElementVNode("span", _hoisted_8, toDisplayString(option.label), 1),
+                    createElementVNode("span", _hoisted_9, "(" + toDisplayString(option.value) + ")", 1)
+                  ], 10, _hoisted_7);
+                }), 128))
+              ], 512)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ]),
+        __props.error ? (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString(__props.error), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1 = { class: "relative" };
+const _hoisted_2 = {
+  key: 0,
+  class: "absolute top-0.25 right-0.25 size-1.5 rounded-full bg-red-600"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "MenuItem",
+  props: {
+    menuItem: {}
+  },
+  setup(__props) {
+    const isRouteActive = computed(() => {
+      if (typeof window === "undefined") return false;
+      const currentPath = window.location.pathname;
+      if (__props.menuItem.link === "/") {
+        return currentPath === "/";
+      }
+      return currentPath === __props.menuItem.link || currentPath.startsWith(__props.menuItem.link + "/");
+    });
+    const linkComponent = computed(() => {
+      try {
+        const RouterLink = resolveComponent("RouterLink");
+        if (typeof RouterLink !== "string") {
+          return RouterLink;
+        }
+      } catch {
+      }
+      return "a";
+    });
+    const linkProps = computed(() => {
+      if (linkComponent.value === "a") {
+        return { href: __props.menuItem.link };
+      }
+      return { to: __props.menuItem.link };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(linkComponent.value), mergeProps(linkProps.value, { class: "group relative flex flex-col items-center justify-center gap-2 px-5 @min-[7rem]:flex-row" }), {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(unref(Icon), {
+              class: normalizeClass([
+                isRouteActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500",
+                "size-8 @min-[7rem]:size-6"
+              ]),
+              icon: __props.menuItem.icon
+            }, null, 8, ["class", "icon"]),
+            __props.menuItem.notification ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true)
+          ]),
+          createElementVNode("span", {
+            class: normalizeClass([
+              isRouteActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500",
+              "hidden text-[10px] font-semibold @min-[7rem]:block @min-[7rem]:text-sm"
+            ])
+          }, toDisplayString(__props.menuItem.label), 3)
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TableAction",
+  props: {
+    link: {},
+    icon: {},
+    color: {}
+  },
+  setup(__props) {
+    const colorClass = computed(() => {
+      switch (__props.color) {
+        case "info":
+          return "border-blue-200 hover:bg-blue-100 dark:border-blue-800 dark:hover:bg-blue-900";
+        case "warning":
+          return "border-yellow-200 hover:bg-yellow-100 dark:border-yellow-800 dark:hover:bg-yellow-900";
+        case "success":
+          return "border-green-200 hover:bg-green-100 dark:border-green-800 dark:hover:bg-green-900";
+        case "error":
+          return "border-red-200 hover:bg-red-100 dark:border-red-800 dark:hover:bg-red-900";
+        default:
+          return "border-slate-200 hover:bg-slate-100 dark:border-slate-800 dark:bg-slate-950 dark:hover:bg-slate-900";
+      }
+    });
+    const iconColorClass = computed(() => {
+      switch (__props.color) {
+        case "info":
+          return "text-blue-600 group-hover:text-blue-900 dark:text-blue-400 dark:group-hover:text-blue-100";
+        case "warning":
+          return "text-yellow-600 group-hover:text-yellow-900 dark:text-yellow-400 dark:group-hover:text-yellow-100";
+        case "success":
+          return "text-green-600 group-hover:text-green-900 dark:text-green-400 dark:group-hover:text-green-100";
+        case "error":
+          return "text-red-600 group-hover:text-red-900 dark:text-red-400 dark:group-hover:text-red-100";
+        default:
+          return "text-gray-600 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-gray-100";
+      }
+    });
+    const linkComponent = computed(() => {
+      if (!__props.link) return "button";
+      try {
+        const RouterLink = resolveComponent("RouterLink");
+        if (typeof RouterLink !== "string") {
+          return RouterLink;
+        }
+      } catch {
+      }
+      return "a";
+    });
+    const linkProps = computed(() => {
+      if (!__props.link) return {};
+      if (linkComponent.value === "a") {
+        return { href: __props.link };
+      }
+      return { to: __props.link };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(linkComponent.value), mergeProps(linkProps.value, {
+        class: [colorClass.value, "group flex size-8 items-center justify-center rounded-lg border"]
+      }), {
+        default: withCtx(() => [
+          createVNode(unref(Icon), {
+            class: normalizeClass([iconColorClass.value, "size-4"]),
+            icon: __props.icon
+          }, null, 8, ["class", "icon"])
+        ]),
+        _: 1
+      }, 16, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main$4 as _,
+  _sfc_main$3 as a,
+  _sfc_main$2 as b,
+  _sfc_main$1 as c,
+  _sfc_main as d
+};
+//# sourceMappingURL=TableAction.vue_vue_type_script_setup_true_lang-BHskhVhK.js.map

package/dist/TableAction.vue_vue_type_script_setup_true_lang-BHskhVhK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableAction.vue_vue_type_script_setup_true_lang-BHskhVhK.js","sources":["../src/components/core/CardComponent.vue","../src/components/core/TableComponent.vue","../src/components/core/AutocompleteComponent.vue","../src/components/core/MenuItem.vue","../src/components/core/TableAction.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  title?: string\n  description?: string\n}>()\n</script>\n\n<template>\n  <div class=\"flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950\">\n    <div\n      v-if=\"title || description || $slots.title || $slots.description || $slots.actions\"\n      class=\"flex items-center justify-between border-b border-gray-200 px-5 py-3 dark:border-gray-700\"\n    >\n      <div class=\"flex flex-col gap-0.5\">\n        <span\n          v-if=\"title || $slots.title\"\n          class=\"text-md font-semibold text-gray-800 dark:text-gray-200\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </span>\n\n        <span\n          v-if=\"description || $slots.description\"\n          class=\"text-sm font-normal text-gray-600 dark:text-gray-400\"\n        >\n          <slot name=\"description\">\n            {{ description }}\n          </slot>\n        </span>\n      </div>\n\n      <div class=\"flex gap-2\">\n        <slot name=\"actions\" />\n      </div>\n    </div>\n\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Property } from '@/types'\nimport TextType from '@/components/type/TextType.vue'\nimport NumberType from '@/components/type/NumberType.vue'\nimport DateType from '@/components/type/DateType.vue'\nimport BooleanType from '@/components/type/BooleanType.vue'\nimport BadgeType from '@/components/type/BadgeType.vue'\nimport { computed, type Component } from 'vue'\n\nconst { properties, items } = defineProps<{\n  properties: Property[]\n  items: { id: number | string; [key: string]: unknown }[]\n}>()\n\n// Type components mapping\nconst typeComponents: Record<string, Component> = {\n  text: TextType,\n  number: NumberType,\n  date: DateType,\n  boolean: BooleanType,\n  badge: BadgeType,\n}\n\nconst getTypeComponent = (type: string = 'text'): Component => {\n  return typeComponents[type] || TextType\n}\n\n// Filter out hidden properties\nconst visibleProperties = computed(() => properties.filter((p) => !p.hidden))\n\n// Get nested property value\nconst getItemValue = (item: Record<string, unknown>, property: Property): unknown => {\n  if (property.name.includes('.')) {\n    let value: unknown = item\n    for (const key of property.name.split('.')) {\n      if (value && typeof value === 'object' && key in value) {\n        value = (value as Record<string, unknown>)[key]\n      } else {\n        return undefined\n      }\n    }\n    return value\n  }\n  return item[property.name]\n}\n\nconst getAlignmentClass = (align?: 'left' | 'center' | 'right') => {\n  switch (align) {\n    case 'center':\n      return 'text-center'\n    case 'right':\n      return 'text-right'\n    default:\n      return 'text-left'\n  }\n}\n\nconst getMainClass = (main?: boolean) => {\n  if (main) {\n    return 'text-sm font-semibold text-gray-900 dark:text-gray-100'\n  }\n  return 'text-xs font-medium text-gray-600 dark:text-gray-400'\n}\n</script>\n\n<template>\n  <table class=\"w-full divide-y divide-gray-300 text-left dark:divide-gray-700\">\n    <thead\n      class=\"bg-slate-100 text-sm font-semibold text-gray-600 uppercase dark:bg-slate-900 dark:text-gray-400\"\n    >\n      <tr>\n        <th\n          v-for=\"property in visibleProperties\"\n          :key=\"property.name\"\n          :class=\"[getAlignmentClass(property.align), 'px-3 py-3']\"\n        >\n          <slot :name=\"'header-' + property.name\" :property>\n            {{ property.label ?? property.name }}\n          </slot>\n        </th>\n\n        <th class=\"px-3 py-3 text-right\"></th>\n      </tr>\n    </thead>\n\n    <tbody class=\"divide-y divide-gray-200 font-medium dark:divide-gray-800\">\n      <tr v-for=\"item in items\" :key=\"item.id\" class=\"hover:bg-slate-50 dark:hover:bg-slate-950\">\n        <td\n          v-for=\"property in visibleProperties\"\n          :key=\"property.name\"\n          :class=\"[\n            getAlignmentClass(property.align),\n            getMainClass(property.main),\n            property.className,\n            'px-3 py-4',\n          ]\"\n        >\n          <slot\n            :item=\"item\"\n            :name=\"'item-' + property.name\"\n            :property\n            :value=\"getItemValue(item, property)\"\n          >\n            <component\n              :is=\"getTypeComponent(property.type || 'text')\"\n              :value=\"getItemValue(item, property)\"\n            />\n          </slot>\n        </td>\n\n        <td class=\"flex items-center justify-end gap-2 px-3 py-4\">\n          <slot :item=\"item\" name=\"action\"></slot>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n\n  <!-- Empty state -->\n  <div v-if=\"!items || items.length === 0\">\n    <slot name=\"empty\"></slot>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport type { AutocompleteOption } from '@/types'\n\nconst props = defineProps<{\n  modelValue: string | null\n  options: AutocompleteOption[]\n  placeholder?: string\n  disabled?: boolean\n  label?: string\n  error?: string\n  noResultsText?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | null]\n}>()\n\nconst searchQuery = ref('')\nconst isOpen = ref(false)\nconst highlightedIndex = ref(-1)\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst dropdownRef = ref<HTMLDivElement | null>(null)\n\nconst filteredOptions = computed(() => {\n  if (!searchQuery.value) {\n    return props.options\n  }\n  const query = searchQuery.value.toLowerCase()\n  return props.options.filter(\n    (option) =>\n      option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query),\n  )\n})\n\nconst selectedLabel = computed(() => {\n  if (!props.modelValue) return ''\n  const option = props.options.find((opt) => opt.value === props.modelValue)\n  return option?.label || ''\n})\n\nwatch(\n  () => props.modelValue,\n  () => {\n    if (!isOpen.value) {\n      searchQuery.value = selectedLabel.value\n    }\n  },\n  { immediate: true },\n)\n\nconst openDropdown = () => {\n  if (props.disabled) return\n  isOpen.value = true\n  searchQuery.value = ''\n  highlightedIndex.value = -1\n  nextTick(() => {\n    inputRef.value?.focus()\n  })\n}\n\nconst closeDropdown = () => {\n  isOpen.value = false\n  searchQuery.value = selectedLabel.value\n  highlightedIndex.value = -1\n}\n\nconst selectOption = (option: AutocompleteOption) => {\n  emit('update:modelValue', option.value)\n  searchQuery.value = option.label\n  closeDropdown()\n}\n\nconst clearSelection = () => {\n  emit('update:modelValue', null)\n  searchQuery.value = ''\n  highlightedIndex.value = -1\n  nextTick(() => {\n    inputRef.value?.focus()\n  })\n}\n\nconst handleKeydown = (event: KeyboardEvent) => {\n  if (!isOpen.value) return\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      highlightedIndex.value = Math.min(\n        highlightedIndex.value + 1,\n        filteredOptions.value.length - 1,\n      )\n      scrollToHighlighted()\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      highlightedIndex.value = Math.max(highlightedIndex.value - 1, 0)\n      scrollToHighlighted()\n      break\n    case 'Enter':\n      event.preventDefault()\n      if (highlightedIndex.value >= 0 && filteredOptions.value[highlightedIndex.value]) {\n        selectOption(filteredOptions.value[highlightedIndex.value])\n      }\n      break\n    case 'Escape':\n      event.preventDefault()\n      closeDropdown()\n      break\n  }\n}\n\nconst scrollToHighlighted = () => {\n  nextTick(() => {\n    if (dropdownRef.value) {\n      const highlightedElement = dropdownRef.value.querySelector(\n        `[data-index=\"${highlightedIndex.value}\"]`,\n      ) as HTMLElement\n      if (highlightedElement) {\n        highlightedElement.scrollIntoView({ block: 'nearest' })\n      }\n    }\n  })\n}\n\nconst handleClickOutside = (event: MouseEvent) => {\n  const target = event.target as HTMLElement\n  if (!target.closest('.autocomplete-container') && !target.closest('.autocomplete-dropdown')) {\n    closeDropdown()\n  }\n}\n\nwatch(isOpen, (newValue) => {\n  if (newValue) {\n    document.addEventListener('click', handleClickOutside)\n  } else {\n    document.removeEventListener('click', handleClickOutside)\n  }\n})\n</script>\n\n<template>\n  <div class=\"autocomplete-container\">\n    <label v-if=\"label\" class=\"mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300\">\n      {{ label }}\n    </label>\n\n    <div class=\"relative\">\n      <div\n        :class=\"{\n          'border-red-500': error,\n          'border-gray-300 dark:border-gray-600': !error && !isOpen,\n          'border-blue-500 ring-2 ring-blue-200 dark:ring-blue-900': isOpen,\n          'cursor-not-allowed opacity-50': disabled,\n        }\"\n        class=\"flex items-center gap-2 rounded-lg border bg-white px-3 py-2 transition dark:bg-gray-800\"\n      >\n        <Icon class=\"size-5 text-gray-400\" icon=\"lucide:search\" />\n\n        <input\n          ref=\"inputRef\"\n          v-model=\"searchQuery\"\n          :disabled=\"disabled\"\n          :placeholder=\"placeholder || 'Search...'\"\n          class=\"flex-1 bg-transparent text-sm outline-none dark:text-white\"\n          type=\"text\"\n          @focus=\"openDropdown\"\n          @keydown=\"handleKeydown\"\n        />\n\n        <button\n          v-if=\"modelValue && !disabled\"\n          class=\"rounded p-1 transition hover:bg-gray-100 dark:hover:bg-gray-700\"\n          type=\"button\"\n          @click.stop=\"clearSelection\"\n        >\n          <Icon class=\"size-4 text-gray-400\" icon=\"lucide:x\" />\n        </button>\n\n        <button\n          :disabled=\"disabled\"\n          class=\"rounded p-1 transition hover:bg-gray-100 dark:hover:bg-gray-700\"\n          type=\"button\"\n          @click.stop=\"isOpen ? closeDropdown() : openDropdown()\"\n        >\n          <Icon\n            :class=\"{ 'rotate-180': isOpen }\"\n            class=\"size-4 text-gray-400 transition\"\n            icon=\"lucide:chevron-down\"\n          />\n        </button>\n      </div>\n\n      <!-- Dropdown -->\n      <Transition\n        enter-active-class=\"transition duration-100 ease-out\"\n        enter-from-class=\"opacity-0 scale-95\"\n        enter-to-class=\"opacity-100 scale-100\"\n        leave-active-class=\"transition duration-75 ease-in\"\n        leave-from-class=\"opacity-100 scale-100\"\n        leave-to-class=\"opacity-0 scale-95\"\n      >\n        <div\n          v-if=\"isOpen\"\n          ref=\"dropdownRef\"\n          class=\"autocomplete-dropdown absolute z-50 mt-2 max-h-60 w-full overflow-auto rounded-lg border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800\"\n        >\n          <div v-if=\"filteredOptions.length === 0\" class=\"px-4 py-3 text-sm text-gray-500\">\n            {{ noResultsText || 'No results found' }}\n          </div>\n\n          <button\n            v-for=\"(option, index) in filteredOptions\"\n            :key=\"option.value\"\n            :class=\"{\n              'bg-gray-100 dark:bg-gray-700': highlightedIndex === index,\n              'bg-blue-50 dark:bg-blue-900/20': modelValue === option.value,\n            }\"\n            :data-index=\"index\"\n            class=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition hover:bg-gray-100 dark:hover:bg-gray-700\"\n            type=\"button\"\n            @click=\"selectOption(option)\"\n          >\n            <Icon\n              v-if=\"modelValue === option.value\"\n              class=\"size-4 text-blue-600 dark:text-blue-400\"\n              icon=\"lucide:check\"\n            />\n            <span class=\"flex-1 dark:text-white\">{{ option.label }}</span>\n            <span class=\"text-xs text-gray-400\">({{ option.value }})</span>\n          </button>\n        </div>\n      </Transition>\n    </div>\n\n    <p v-if=\"error\" class=\"mt-1 text-sm text-red-600\">{{ error }}</p>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport type { MenuItemProps } from '@/types'\n\nconst { menuItem } = defineProps<{ menuItem: MenuItemProps }>()\n\n// Try to use useRoute if available\nconst isRouteActive = computed(() => {\n  if (typeof window === 'undefined') return false\n  const currentPath = window.location.pathname\n  if (menuItem.link === '/') {\n    return currentPath === '/'\n  }\n  return currentPath === menuItem.link || currentPath.startsWith(menuItem.link + '/')\n})\n\n// Try to resolve RouterLink, fallback to 'a' tag\nconst linkComponent = computed(() => {\n  try {\n    const RouterLink = resolveComponent('RouterLink')\n    if (typeof RouterLink !== 'string') {\n      return RouterLink\n    }\n  } catch {\n    // RouterLink not available\n  }\n  return 'a'\n})\n\nconst linkProps = computed(() => {\n  if (linkComponent.value === 'a') {\n    return { href: menuItem.link }\n  }\n  return { to: menuItem.link }\n})\n</script>\n\n<template>\n  <component\n    :is=\"linkComponent\"\n    v-bind=\"linkProps\"\n    class=\"group relative flex flex-col items-center justify-center gap-2 px-5 @min-[7rem]:flex-row\"\n  >\n    <div class=\"relative\">\n      <Icon\n        :class=\"\n          isRouteActive\n            ? 'text-white'\n            : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500'\n        \"\n        :icon=\"menuItem.icon\"\n        class=\"size-8 @min-[7rem]:size-6\"\n      />\n\n      <span\n        v-if=\"menuItem.notification\"\n        class=\"absolute top-0.25 right-0.25 size-1.5 rounded-full bg-red-600\"\n      ></span>\n    </div>\n\n    <span\n      :class=\"\n        isRouteActive\n          ? 'text-white'\n          : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500'\n      \"\n      class=\"hidden text-[10px] font-semibold @min-[7rem]:block @min-[7rem]:text-sm\"\n      >{{ menuItem.label }}</span\n    >\n  </component>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport type { TableActionColor } from '@/types'\n\nconst { color, icon, link } = defineProps<{\n  link?: string\n  icon: string\n  color?: TableActionColor\n}>()\n\nconst colorClass = computed(() => {\n  switch (color) {\n    case 'info':\n      return 'border-blue-200 hover:bg-blue-100 dark:border-blue-800 dark:hover:bg-blue-900'\n    case 'warning':\n      return 'border-yellow-200 hover:bg-yellow-100 dark:border-yellow-800 dark:hover:bg-yellow-900'\n    case 'success':\n      return 'border-green-200 hover:bg-green-100 dark:border-green-800 dark:hover:bg-green-900'\n    case 'error':\n      return 'border-red-200 hover:bg-red-100 dark:border-red-800 dark:hover:bg-red-900'\n    default:\n      return 'border-slate-200 hover:bg-slate-100 dark:border-slate-800 dark:bg-slate-950 dark:hover:bg-slate-900'\n  }\n})\n\nconst iconColorClass = computed(() => {\n  switch (color) {\n    case 'info':\n      return 'text-blue-600 group-hover:text-blue-900 dark:text-blue-400 dark:group-hover:text-blue-100'\n    case 'warning':\n      return 'text-yellow-600 group-hover:text-yellow-900 dark:text-yellow-400 dark:group-hover:text-yellow-100'\n    case 'success':\n      return 'text-green-600 group-hover:text-green-900 dark:text-green-400 dark:group-hover:text-green-100'\n    case 'error':\n      return 'text-red-600 group-hover:text-red-900 dark:text-red-400 dark:group-hover:text-red-100'\n    default:\n      return 'text-gray-600 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-gray-100'\n  }\n})\n\n// Try to resolve RouterLink, fallback to 'a' tag\nconst linkComponent = computed(() => {\n  if (!link) return 'button'\n  try {\n    const RouterLink = resolveComponent('RouterLink')\n    if (typeof RouterLink !== 'string') {\n      return RouterLink\n    }\n  } catch {\n    // RouterLink not available\n  }\n  return 'a'\n})\n\nconst linkProps = computed(() => {\n  if (!link) return {}\n  if (linkComponent.value === 'a') {\n    return { href: link }\n  }\n  return { to: link }\n})\n</script>\n\n<template>\n  <component\n    :is=\"linkComponent\"\n    v-bind=\"linkProps\"\n    :class=\"colorClass\"\n    class=\"group flex size-8 items-center justify-center rounded-lg border\"\n  >\n    <Icon :class=\"iconColorClass\" :icon class=\"size-4\" />\n  </component>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","$slots","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_renderSlot","_hoisted_5","_hoisted_6","TextType","NumberType","DateType","BooleanType","BadgeType","_Fragment","_renderList","_normalizeClass","_createTextVNode","_toDisplayString","_createBlock","_resolveDynamicComponent","_createVNode","_unref","_withModifiers","_Transition","_mergeProps"],"mappings":"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"}