cisse-vue-ui 0.1.6 → 0.1.8

package/dist/{CollapsibleCard.vue_vue_type_script_setup_true_lang-BgTcOxdR.js → CollapsibleCard.vue_vue_type_script_setup_true_lang-l4KQ8HX8.js}

@@ -1,12 +1,12 @@
 import { defineComponent, createElementBlock, openBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, computed, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, ref, watch, onUnmounted, createVNode, withDirectives, unref, vModelText, withModifiers, Teleport, Transition, withCtx, normalizeStyle, nextTick, resolveComponent, mergeProps, provide, inject, vShow } from "vue";
-import { e as _sfc_main$b, d as _sfc_main$c, c as _sfc_main$d, b as _sfc_main$e, a as _sfc_main$f } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
+import { e as _sfc_main$a, d as _sfc_main$b, c as _sfc_main$c, b as _sfc_main$d, a as _sfc_main$e } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 import { Icon } from "@iconify/vue";
-const _hoisted_1$8 = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
-const _hoisted_2$6 = {
+const _hoisted_1$7 = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
+const _hoisted_2$5 = {
   key: 0,
   class: "flex items-center justify-between border-b border-gray-200 px-5 py-3 dark:border-gray-700"
 };
-const _hoisted_3$4 = { class: "flex flex-col gap-0.5" };
+const _hoisted_3$3 = { 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"
@@ -16,7 +16,7 @@ const _hoisted_5$2 = {
   class: "text-sm font-normal text-gray-600 dark:text-gray-400"
 };
 const _hoisted_6$1 = { class: "flex gap-2" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "CardComponent",
   props: {
     title: {},
@@ -24,9 +24,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
-          createElementVNode("div", _hoisted_3$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+          createElementVNode("div", _hoisted_3$3, [
             __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_4$2, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createTextVNode(toDisplayString(__props.title), 1)
@@ -47,12 +47,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "w-full divide-y divide-gray-300 text-left dark:divide-gray-700" };
-const _hoisted_2$5 = { class: "bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400" };
-const _hoisted_3$3 = { class: "divide-y divide-gray-300 font-medium dark:divide-gray-700" };
+const _hoisted_1$6 = { class: "w-full divide-y divide-black/10 text-left dark:divide-white/10" };
+const _hoisted_2$4 = { class: "bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400" };
+const _hoisted_3$2 = { class: "divide-y divide-black/10 font-medium dark:divide-white/10" };
 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$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "TableComponent",
   props: {
     properties: {},
@@ -60,14 +60,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const typeComponents = {
-      text: _sfc_main$f,
-      number: _sfc_main$e,
-      date: _sfc_main$d,
-      boolean: _sfc_main$c,
-      badge: _sfc_main$b
+      text: _sfc_main$e,
+      number: _sfc_main$d,
+      date: _sfc_main$c,
+      boolean: _sfc_main$b,
+      badge: _sfc_main$a
     };
     const getTypeComponent = (type = "text") => {
-      return typeComponents[type] || _sfc_main$f;
+      return typeComponents[type] || _sfc_main$e;
     };
     const visibleProperties = computed(() => __props.properties.filter((p) => !p.hidden));
     const getItemValue = (item, property) => {
@@ -102,8 +102,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("table", _hoisted_1$7, [
-          createElementVNode("thead", _hoisted_2$5, [
+        createElementVNode("table", _hoisted_1$6, [
+          createElementVNode("thead", _hoisted_2$4, [
             createElementVNode("tr", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(visibleProperties.value, (property) => {
                 return openBlock(), createElementBlock("th", {
@@ -118,7 +118,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               _cache[0] || (_cache[0] = createElementVNode("th", { class: "px-3 py-3 text-right" }, null, -1))
             ])
           ]),
-          createElementVNode("tbody", _hoisted_3$3, [
+          createElementVNode("tbody", _hoisted_3$2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
               return openBlock(), createElementBlock("tr", {
                 key: item.id,
@@ -159,12 +159,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = {
+const _hoisted_1$5 = {
   key: 0,
   class: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
 };
-const _hoisted_2$4 = { class: "relative" };
-const _hoisted_3$2 = ["disabled", "placeholder"];
+const _hoisted_2$3 = { class: "relative" };
+const _hoisted_3$1 = ["disabled", "placeholder"];
 const _hoisted_4 = ["disabled"];
 const _hoisted_5 = {
   key: 0,
@@ -177,7 +177,7 @@ const _hoisted_9 = {
   key: 1,
   class: "mt-1 text-sm text-red-600"
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "AutocompleteComponent",
   props: {
     modelValue: {},
@@ -343,8 +343,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "autocomplete-container"
       }, [
-        __props.label ? (openBlock(), createElementBlock("label", _hoisted_1$6, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$4, [
+        __props.label ? (openBlock(), createElementBlock("label", _hoisted_1$5, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$3, [
           createElementVNode("div", {
             ref_key: "inputWrapperRef",
             ref: inputWrapperRef,
@@ -369,7 +369,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               type: "text",
               onFocus: openDropdown,
               onKeydown: handleKeydown
-            }, null, 40, _hoisted_3$2), [
+            }, null, 40, _hoisted_3$1), [
               [vModelText, searchQuery.value]
             ]),
             __props.modelValue && !__props.disabled ? (openBlock(), createElementBlock("button", {
@@ -450,7 +450,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "TableAction",
   props: {
     link: {},
@@ -519,7 +519,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -612,10 +612,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "relative inline-block" };
-const _hoisted_2$3 = ["src", "alt"];
-const _hoisted_3$1 = { key: 1 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = { class: "relative inline-block" };
+const _hoisted_2$2 = ["src", "alt"];
+const _hoisted_3 = { key: 1 };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     src: {},
@@ -661,7 +661,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     });
     const showImage = computed(() => props.src && !imageError.value);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
         createElementVNode("div", {
           class: normalizeClass([
             "flex items-center justify-center overflow-hidden bg-gray-200 font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-300",
@@ -675,7 +675,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             alt: __props.alt || __props.name,
             class: "size-full object-cover",
             onError: _cache[0] || (_cache[0] = ($event) => imageError.value = true)
-          }, null, 40, _hoisted_2$3)) : initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(initials.value), 1)) : (openBlock(), createBlock(unref(Icon), {
+          }, null, 40, _hoisted_2$2)) : initials.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(initials.value), 1)) : (openBlock(), createBlock(unref(Icon), {
             key: 2,
             icon: "lucide:user",
             class: "size-1/2"
@@ -693,9 +693,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["aria-selected", "disabled", "onClick"];
-const _hoisted_2$2 = { class: "mt-4" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = ["aria-selected", "disabled", "onClick"];
+const _hoisted_2$1 = { class: "mt-4" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -760,18 +760,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 activeTab.value === tab.key ? variantClasses[__props.variant].active : variantClasses[__props.variant].inactive
               ]),
               onClick: ($event) => selectTab(tab)
-            }, toDisplayString(tab.label), 11, _hoisted_1$4);
+            }, toDisplayString(tab.label), 11, _hoisted_1$3);
           }), 128))
         ], 2),
-        createElementVNode("div", _hoisted_2$2, [
+        createElementVNode("div", _hoisted_2$1, [
           renderSlot(_ctx.$slots, "default", { activeTab: activeTab.value })
         ])
       ]);
     };
   }
 });
-const _hoisted_1$3 = { role: "tabpanel" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = { role: "tabpanel" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "TabPanel",
   props: {
     value: {}
@@ -781,7 +781,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const activeTab = inject("activeTab");
     const isActive = computed(() => (activeTab == null ? void 0 : activeTab.value) === props.value);
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$2, [
         renderSlot(_ctx.$slots, "default")
       ], 512)), [
         [vShow, isActive.value]
@@ -789,175 +789,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = {
-  type: "button",
-  class: "inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"
-};
-const _hoisted_2$1 = {
-  key: 0,
-  class: "my-1 border-t border-gray-200 dark:border-gray-700"
-};
-const _hoisted_3 = ["disabled", "onClick"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "Dropdown",
-  props: {
-    items: {},
-    align: { default: "left" },
-    width: { default: "auto" },
-    teleport: { type: Boolean, default: true }
-  },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const isOpen = ref(false);
-    const dropdownRef = ref();
-    const triggerRef = ref();
-    const menuRef = ref();
-    const dropdownPosition = ref({ top: 0, left: 0, width: 0 });
-    const updatePosition = () => {
-      if (!triggerRef.value || !props.teleport) return;
-      const rect = triggerRef.value.getBoundingClientRect();
-      dropdownPosition.value = {
-        top: rect.bottom + window.scrollY + 8,
-        left: props.align === "right" ? rect.right + window.scrollX : rect.left + window.scrollX,
-        width: rect.width
-      };
-    };
-    const toggle = () => {
-      isOpen.value = !isOpen.value;
-      if (isOpen.value) {
-        nextTick(updatePosition);
-      }
-    };
-    const close = () => {
-      isOpen.value = false;
-    };
-    const selectItem = (item) => {
-      if (item.disabled || item.divider) return;
-      emit("select", item);
-      close();
-    };
-    const handleClickOutside = (event) => {
-      var _a, _b;
-      const target = event.target;
-      const isInsideTrigger = (_a = triggerRef.value) == null ? void 0 : _a.contains(target);
-      const isInsideMenu = (_b = menuRef.value) == null ? void 0 : _b.contains(target);
-      if (!isInsideTrigger && !isInsideMenu) {
-        close();
-      }
-    };
-    watch(isOpen, (newValue) => {
-      if (newValue) {
-        document.addEventListener("click", handleClickOutside);
-        window.addEventListener("scroll", updatePosition, true);
-        window.addEventListener("resize", updatePosition);
-      } else {
-        document.removeEventListener("click", handleClickOutside);
-        window.removeEventListener("scroll", updatePosition, true);
-        window.removeEventListener("resize", updatePosition);
-      }
-    });
-    onUnmounted(() => {
-      document.removeEventListener("click", handleClickOutside);
-      window.removeEventListener("scroll", updatePosition, true);
-      window.removeEventListener("resize", updatePosition);
-    });
-    const widthClasses = {
-      auto: "w-auto min-w-[10rem]",
-      full: "w-full",
-      sm: "w-32",
-      md: "w-48",
-      lg: "w-64"
-    };
-    const dropdownStyle = computed(() => {
-      if (!props.teleport) return {};
-      return {
-        position: "absolute",
-        top: `${dropdownPosition.value.top}px`,
-        left: props.align === "right" ? "auto" : `${dropdownPosition.value.left}px`,
-        right: props.align === "right" ? `${window.innerWidth - dropdownPosition.value.left - dropdownPosition.value.width}px` : "auto"
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "dropdownRef",
-        ref: dropdownRef,
-        class: "relative inline-block"
-      }, [
-        createElementVNode("div", {
-          ref_key: "triggerRef",
-          ref: triggerRef,
-          onClick: toggle
-        }, [
-          renderSlot(_ctx.$slots, "trigger", {}, () => [
-            createElementVNode("button", _hoisted_1$2, [
-              renderSlot(_ctx.$slots, "trigger-label", {}, () => [
-                _cache[0] || (_cache[0] = createTextVNode("Options", -1))
-              ]),
-              createVNode(unref(Icon), {
-                icon: "lucide:chevron-down",
-                class: normalizeClass(["size-4 transition-transform", isOpen.value && "rotate-180"])
-              }, null, 8, ["class"])
-            ])
-          ])
-        ], 512),
-        (openBlock(), createBlock(Teleport, {
-          to: "body",
-          disabled: !__props.teleport
-        }, [
-          createVNode(Transition, {
-            "enter-active-class": "transition ease-out duration-100",
-            "enter-from-class": "transform opacity-0 scale-95",
-            "enter-to-class": "transform opacity-100 scale-100",
-            "leave-active-class": "transition ease-in duration-75",
-            "leave-from-class": "transform opacity-100 scale-100",
-            "leave-to-class": "transform opacity-0 scale-95"
-          }, {
-            default: withCtx(() => [
-              isOpen.value ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                ref_key: "menuRef",
-                ref: menuRef,
-                style: normalizeStyle(dropdownStyle.value),
-                class: normalizeClass([
-                  "z-[9999] rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800",
-                  widthClasses[__props.width],
-                  !__props.teleport && (__props.align === "right" ? "absolute mt-2 right-0" : "absolute mt-2 left-0")
-                ])
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-                  return openBlock(), createElementBlock(Fragment, {
-                    key: item.key
-                  }, [
-                    item.divider ? (openBlock(), createElementBlock("div", _hoisted_2$1)) : (openBlock(), createElementBlock("button", {
-                      key: 1,
-                      type: "button",
-                      disabled: item.disabled,
-                      class: normalizeClass([
-                        "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors",
-                        item.disabled ? "cursor-not-allowed opacity-50" : item.danger ? "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20" : "text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700"
-                      ]),
-                      onClick: ($event) => selectItem(item)
-                    }, [
-                      item.icon ? (openBlock(), createBlock(unref(Icon), {
-                        key: 0,
-                        icon: item.icon,
-                        class: "size-4"
-                      }, null, 8, ["icon"])) : createCommentVNode("", true),
-                      createTextVNode(" " + toDisplayString(item.label), 1)
-                    ], 10, _hoisted_3))
-                  ], 64);
-                }), 128))
-              ], 6)) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ], 8, ["disabled"]))
-      ], 512);
-    };
-  }
-});
 const _hoisted_1$1 = {
   key: 2,
   class: "text-sm font-semibold"
@@ -1075,7 +906,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isExpanded.value = !isExpanded.value;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$9, {
         title: __props.title,
         description: __props.description
       }, {
@@ -1119,16 +950,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main$a as _,
-  _sfc_main$9 as a,
-  _sfc_main$8 as b,
-  _sfc_main$7 as c,
-  _sfc_main$6 as d,
-  _sfc_main$5 as e,
-  _sfc_main$4 as f,
-  _sfc_main$3 as g,
-  _sfc_main$2 as h,
-  _sfc_main$1 as i,
-  _sfc_main as j
+  _sfc_main$9 as _,
+  _sfc_main$8 as a,
+  _sfc_main$7 as b,
+  _sfc_main$6 as c,
+  _sfc_main$5 as d,
+  _sfc_main$4 as e,
+  _sfc_main$3 as f,
+  _sfc_main$2 as g,
+  _sfc_main$1 as h,
+  _sfc_main as i
 };
-//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-BgTcOxdR.js.map
+//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-l4KQ8HX8.js.map

package/dist/CollapsibleCard.vue_vue_type_script_setup_true_lang-l4KQ8HX8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleCard.vue_vue_type_script_setup_true_lang-l4KQ8HX8.js","sources":["../src/components/core/CardComponent.vue","../src/components/core/TableComponent.vue","../src/components/core/AutocompleteComponent.vue","../src/components/core/TableAction.vue","../src/components/core/Button.vue","../src/components/core/Avatar.vue","../src/components/core/Tabs.vue","../src/components/core/TabPanel.vue","../src/components/core/Stepper.vue","../src/components/core/CollapsibleCard.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-black/10 text-left dark:divide-white/10\">\n    <thead\n      class=\"bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 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-black/10 font-medium dark:divide-white/10\">\n      <tr v-for=\"item in items\" :key=\"item.id\" class=\"hover:bg-black/5 dark:hover:bg-white/5\">\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, onUnmounted, ref, watch } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport type { AutocompleteOption } from '@/types'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string | null\n    options: AutocompleteOption[]\n    placeholder?: string\n    disabled?: boolean\n    label?: string\n    error?: string\n    noResultsText?: string\n    /** Use teleport to body to avoid overflow clipping */\n    teleport?: boolean\n  }>(),\n  {\n    teleport: true,\n  },\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)\nconst containerRef = ref<HTMLDivElement | null>(null)\nconst inputWrapperRef = ref<HTMLDivElement | null>(null)\nconst dropdownPosition = ref({ top: 0, left: 0, width: 0 })\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 updatePosition = () => {\n  if (!inputWrapperRef.value || !props.teleport) return\n  const rect = inputWrapperRef.value.getBoundingClientRect()\n  dropdownPosition.value = {\n    top: rect.bottom + window.scrollY + 8,\n    left: rect.left + window.scrollX,\n    width: rect.width,\n  }\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    updatePosition()\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 Node\n  const isInsideContainer = containerRef.value?.contains(target)\n  const isInsideDropdown = dropdownRef.value?.contains(target)\n  if (!isInsideContainer && !isInsideDropdown) {\n    closeDropdown()\n  }\n}\n\nwatch(isOpen, (newValue) => {\n  if (newValue) {\n    document.addEventListener('click', handleClickOutside)\n    window.addEventListener('scroll', updatePosition, true)\n    window.addEventListener('resize', updatePosition)\n  } else {\n    document.removeEventListener('click', handleClickOutside)\n    window.removeEventListener('scroll', updatePosition, true)\n    window.removeEventListener('resize', updatePosition)\n  }\n})\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside)\n  window.removeEventListener('scroll', updatePosition, true)\n  window.removeEventListener('resize', updatePosition)\n})\n\nconst dropdownStyle = computed(() => {\n  if (!props.teleport) return {}\n  return {\n    position: 'absolute' as const,\n    top: `${dropdownPosition.value.top}px`,\n    left: `${dropdownPosition.value.left}px`,\n    width: `${dropdownPosition.value.width}px`,\n  }\n})\n</script>\n\n<template>\n  <div ref=\"containerRef\" 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        ref=\"inputWrapperRef\"\n        :class=\"{\n          'border-red-500': error,\n          'border-gray-300 dark:border-gray-600': !error && !isOpen,\n          'border-primary ring-2 ring-primary/20': 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      <Teleport to=\"body\" :disabled=\"!teleport\">\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            :style=\"dropdownStyle\"\n            :class=\"[\n              'autocomplete-dropdown z-[9999] max-h-60 overflow-auto rounded-lg border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800',\n              !teleport && 'absolute mt-2 w-full',\n            ]\"\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-primary/10': 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-primary\"\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      </Teleport>\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 { 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-gray-200 hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-900 dark:hover:bg-gray-800'\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","<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success'\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Button variant */\n    variant?: ButtonVariant\n    /** Button size */\n    size?: ButtonSize\n    /** Icon to show (left side) */\n    icon?: string\n    /** Icon on right side */\n    iconRight?: string\n    /** Loading state */\n    loading?: boolean\n    /** Disabled state */\n    disabled?: boolean\n    /** Full width */\n    block?: boolean\n    /** Link href (renders as <a>) */\n    href?: string\n    /** Router link (renders as RouterLink) */\n    to?: string\n    /** Button type */\n    type?: 'button' | 'submit' | 'reset'\n  }>(),\n  {\n    variant: 'primary',\n    size: 'md',\n    type: 'button',\n  },\n)\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nconst variantClasses: Record<ButtonVariant, string> = {\n  primary: 'bg-primary text-primary-foreground hover:bg-primary/90 focus:ring-primary',\n  secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/90 focus:ring-secondary',\n  outline: 'border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-primary dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800',\n  ghost: 'bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-primary dark:text-gray-300 dark:hover:bg-gray-800',\n  danger: 'bg-red-500 text-white hover:bg-red-600 focus:ring-red-500',\n  success: 'bg-green-500 text-white hover:bg-green-600 focus:ring-green-500',\n}\n\nconst sizeClasses: Record<ButtonSize, string> = {\n  xs: 'px-2 py-1 text-xs gap-1',\n  sm: 'px-3 py-1.5 text-sm gap-1.5',\n  md: 'px-4 py-2 text-sm gap-2',\n  lg: 'px-5 py-2.5 text-base gap-2',\n  xl: 'px-6 py-3 text-lg gap-2.5',\n}\n\nconst iconSizeClasses: Record<ButtonSize, string> = {\n  xs: 'size-3',\n  sm: 'size-4',\n  md: 'size-4',\n  lg: 'size-5',\n  xl: 'size-6',\n}\n\nconst classes = computed(() => [\n  'inline-flex items-center justify-center font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed',\n  variantClasses[props.variant],\n  sizeClasses[props.size],\n  props.block && 'w-full',\n])\n\nconst component = computed(() => {\n  if (props.to) {\n    try {\n      const RouterLink = resolveComponent('RouterLink')\n      if (typeof RouterLink !== 'string') return RouterLink\n    } catch {\n      // RouterLink not available\n    }\n  }\n  if (props.href) return 'a'\n  return 'button'\n})\n\nconst componentProps = computed(() => {\n  if (props.to) return { to: props.to }\n  if (props.href) return { href: props.href }\n  return { type: props.type, disabled: props.disabled || props.loading }\n})\n\nconst handleClick = (event: MouseEvent) => {\n  if (props.disabled || props.loading) return\n  emit('click', event)\n}\n</script>\n\n<template>\n  <component\n    :is=\"component\"\n    v-bind=\"componentProps\"\n    :class=\"classes\"\n    @click=\"handleClick\"\n  >\n    <Icon\n      v-if=\"loading\"\n      icon=\"lucide:loader-2\"\n      :class=\"[iconSizeClasses[size], 'animate-spin']\"\n    />\n    <Icon\n      v-else-if=\"icon\"\n      :icon=\"icon\"\n      :class=\"iconSizeClasses[size]\"\n    />\n    <slot />\n    <Icon\n      v-if=\"iconRight && !loading\"\n      :icon=\"iconRight\"\n      :class=\"iconSizeClasses[size]\"\n    />\n  </component>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Image source URL */\n    src?: string\n    /** Alt text for image */\n    alt?: string\n    /** Fallback name (shows initials) */\n    name?: string\n    /** Size variant */\n    size?: AvatarSize\n    /** Show online status indicator */\n    status?: 'online' | 'offline' | 'away' | 'busy'\n    /** Rounded style */\n    rounded?: 'full' | 'lg' | 'md'\n  }>(),\n  {\n    size: 'md',\n    rounded: 'full',\n  },\n)\n\nconst imageError = ref(false)\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  xs: 'size-6 text-xs',\n  sm: 'size-8 text-sm',\n  md: 'size-10 text-base',\n  lg: 'size-12 text-lg',\n  xl: 'size-16 text-xl',\n  '2xl': 'size-20 text-2xl',\n}\n\nconst statusSizes: Record<AvatarSize, string> = {\n  xs: 'size-1.5',\n  sm: 'size-2',\n  md: 'size-2.5',\n  lg: 'size-3',\n  xl: 'size-4',\n  '2xl': 'size-5',\n}\n\nconst statusColors: Record<string, string> = {\n  online: 'bg-green-500',\n  offline: 'bg-gray-400',\n  away: 'bg-yellow-500',\n  busy: 'bg-red-500',\n}\n\nconst roundedClasses: Record<string, string> = {\n  full: 'rounded-full',\n  lg: 'rounded-lg',\n  md: 'rounded-md',\n}\n\nconst initials = computed(() => {\n  if (!props.name) return ''\n  return props.name\n    .split(' ')\n    .map(n => n[0])\n    .slice(0, 2)\n    .join('')\n    .toUpperCase()\n})\n\nconst showImage = computed(() => props.src && !imageError.value)\n</script>\n\n<template>\n  <div class=\"relative inline-block\">\n    <div\n      :class=\"[\n        'flex items-center justify-center overflow-hidden bg-gray-200 font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-300',\n        sizeClasses[size],\n        roundedClasses[rounded],\n      ]\"\n    >\n      <img\n        v-if=\"showImage\"\n        :src=\"src\"\n        :alt=\"alt || name\"\n        class=\"size-full object-cover\"\n        @error=\"imageError = true\"\n      />\n      <span v-else-if=\"initials\">{{ initials }}</span>\n      <Icon v-else icon=\"lucide:user\" class=\"size-1/2\" />\n    </div>\n    <span\n      v-if=\"status\"\n      :class=\"[\n        'absolute bottom-0 right-0 block rounded-full ring-2 ring-white dark:ring-gray-900',\n        statusSizes[size],\n        statusColors[status],\n      ]\"\n    />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, provide } from 'vue'\n\nexport interface Tab {\n  key: string\n  label: string\n  icon?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** Array of tab definitions */\n    tabs: Tab[]\n    /** Currently active tab key */\n    modelValue?: string\n    /** Tab style variant */\n    variant?: 'underline' | 'pills' | 'boxed'\n  }>(),\n  {\n    variant: 'underline',\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst activeTab = computed({\n  get: () => props.modelValue || props.tabs[0]?.key,\n  set: (value: string) => emit('update:modelValue', value),\n})\n\nconst selectTab = (tab: Tab) => {\n  if (tab.disabled) return\n  activeTab.value = tab.key\n}\n\nconst variantClasses = {\n  underline: {\n    container: 'border-b border-gray-200 dark:border-gray-700',\n    tab: 'border-b-2 -mb-px px-4 py-2',\n    active: 'border-primary text-primary dark:text-primary',\n    inactive: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300',\n  },\n  pills: {\n    container: 'gap-2',\n    tab: 'px-4 py-2 rounded-lg',\n    active: 'bg-primary text-white',\n    inactive: 'text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800',\n  },\n  boxed: {\n    container: 'bg-gray-100 dark:bg-gray-800 p-1 rounded-lg gap-1',\n    tab: 'px-4 py-2 rounded-md',\n    active: 'bg-white dark:bg-gray-900 text-gray-900 dark:text-white shadow-sm',\n    inactive: 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300',\n  },\n}\n\nprovide('activeTab', activeTab)\n</script>\n\n<template>\n  <div>\n    <div\n      :class=\"[\n        'flex',\n        variantClasses[variant].container,\n      ]\"\n      role=\"tablist\"\n    >\n      <button\n        v-for=\"tab in tabs\"\n        :key=\"tab.key\"\n        type=\"button\"\n        role=\"tab\"\n        :aria-selected=\"activeTab === tab.key\"\n        :disabled=\"tab.disabled\"\n        :class=\"[\n          'text-sm font-medium transition-colors focus:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n          variantClasses[variant].tab,\n          activeTab === tab.key\n            ? variantClasses[variant].active\n            : variantClasses[variant].inactive,\n        ]\"\n        @click=\"selectTab(tab)\"\n      >\n        {{ tab.label }}\n      </button>\n    </div>\n    <div class=\"mt-4\">\n      <slot :active-tab=\"activeTab\" />\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { inject, computed, type Ref } from 'vue'\n\nconst props = defineProps<{\n  /** Tab key this panel belongs to */\n  value: string\n}>()\n\nconst activeTab = inject<Ref<string>>('activeTab')\n\nconst isActive = computed(() => activeTab?.value === props.value)\n</script>\n\n<template>\n  <div v-show=\"isActive\" role=\"tabpanel\">\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport interface Step {\n  key: string | number\n  title: string\n  description?: string\n  icon?: string\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** Array of step definitions */\n    steps: Step[]\n    /** Current step (key or index) */\n    modelValue?: string | number\n    /** Orientation */\n    orientation?: 'horizontal' | 'vertical'\n  }>(),\n  {\n    orientation: 'horizontal',\n  },\n)\n\ndefineEmits<{\n  'update:modelValue': [value: string | number]\n}>()\n\nconst getCurrentStepIndex = () => {\n  if (props.modelValue === undefined) return 0\n  const index = props.steps.findIndex((s) => s.key === props.modelValue)\n  return index >= 0 ? index : 0\n}\n\nconst isStepComplete = (index: number) => index < getCurrentStepIndex()\nconst isStepActive = (index: number) => index === getCurrentStepIndex()\nconst isStepPending = (index: number) => index > getCurrentStepIndex()\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'w-full',\n      orientation === 'vertical' ? 'flex flex-col' : '',\n    ]\"\n  >\n    <div\n      :class=\"[\n        orientation === 'horizontal'\n          ? 'relative flex items-start justify-between'\n          : 'relative flex flex-col gap-4',\n      ]\"\n    >\n      <!-- Horizontal Progress Line -->\n      <template v-if=\"orientation === 'horizontal'\">\n        <div\n          class=\"absolute left-0 top-6 h-0.5 w-full bg-gray-200 dark:bg-gray-700\"\n          aria-hidden=\"true\"\n        />\n        <div\n          class=\"absolute left-0 top-6 h-0.5 bg-primary transition-all duration-500 ease-in-out\"\n          :style=\"{\n            width: `${(getCurrentStepIndex() / (steps.length - 1)) * 100}%`,\n          }\"\n          aria-hidden=\"true\"\n        />\n      </template>\n\n      <!-- Steps -->\n      <div\n        v-for=\"(step, index) in steps\"\n        :key=\"step.key\"\n        :class=\"[\n          'relative',\n          orientation === 'horizontal'\n            ? 'flex flex-1 flex-col items-center'\n            : 'flex items-start gap-4',\n        ]\"\n      >\n        <!-- Vertical Line -->\n        <div\n          v-if=\"orientation === 'vertical' && index < steps.length - 1\"\n          class=\"absolute left-6 top-12 h-full w-0.5 -translate-x-1/2\"\n          :class=\"isStepComplete(index) ? 'bg-primary' : 'bg-gray-200 dark:bg-gray-700'\"\n        />\n\n        <!-- Step Circle -->\n        <div\n          class=\"relative z-10 flex size-12 shrink-0 items-center justify-center rounded-full border-2 transition-all duration-300\"\n          :class=\"{\n            'border-primary bg-primary text-white shadow-lg': isStepActive(index) || isStepComplete(index),\n            'border-gray-300 bg-white text-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-500':\n              isStepPending(index),\n          }\"\n        >\n          <Icon\n            v-if=\"isStepComplete(index)\"\n            icon=\"lucide:check\"\n            class=\"size-6\"\n          />\n          <Icon\n            v-else-if=\"step.icon\"\n            :icon=\"step.icon\"\n            class=\"size-6\"\n          />\n          <span v-else class=\"text-sm font-semibold\">{{ index + 1 }}</span>\n        </div>\n\n        <!-- Step Content -->\n        <div\n          :class=\"[\n            orientation === 'horizontal'\n              ? 'mt-4 flex flex-col items-center text-center'\n              : 'flex flex-col pt-2',\n          ]\"\n        >\n          <p\n            class=\"text-sm font-semibold transition-colors\"\n            :class=\"{\n              'text-primary dark:text-primary': isStepActive(index) || isStepComplete(index),\n              'text-gray-500 dark:text-gray-400': isStepPending(index),\n            }\"\n          >\n            {{ step.title }}\n          </p>\n          <p\n            v-if=\"step.description\"\n            class=\"mt-1 text-xs\"\n            :class=\"{\n              'text-gray-600 dark:text-gray-300': isStepActive(index),\n              'text-gray-500 dark:text-gray-400': !isStepActive(index),\n            }\"\n          >\n            {{ step.description }}\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { ref } from 'vue'\nimport CardComponent from './CardComponent.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Card title */\n    title?: string\n    /** Card description */\n    description?: string\n    /** Whether the card is initially expanded */\n    defaultExpanded?: boolean\n  }>(),\n  {\n    defaultExpanded: true,\n  },\n)\n\nconst isExpanded = ref(props.defaultExpanded)\n\nconst toggle = () => {\n  isExpanded.value = !isExpanded.value\n}\n</script>\n\n<template>\n  <CardComponent :title=\"title\" :description=\"description\">\n    <template #actions>\n      <slot name=\"actions\" />\n      <button\n        type=\"button\"\n        class=\"rounded-lg p-1.5 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800\"\n        @click=\"toggle\"\n      >\n        <Icon\n          :icon=\"isExpanded ? 'lucide:chevron-up' : 'lucide:chevron-down'\"\n          class=\"size-5\"\n        />\n      </button>\n    </template>\n\n    <Transition\n      enter-active-class=\"transition-all duration-200 ease-out\"\n      enter-from-class=\"opacity-0 max-h-0\"\n      enter-to-class=\"opacity-100 max-h-[2000px]\"\n      leave-active-class=\"transition-all duration-200 ease-in\"\n      leave-from-class=\"opacity-100 max-h-[2000px]\"\n      leave-to-class=\"opacity-0 max-h-0\"\n    >\n      <div v-show=\"isExpanded\" class=\"overflow-hidden\">\n        <div class=\"space-y-4 p-6\">\n          <slot />\n        </div>\n      </div>\n    </Transition>\n  </CardComponent>\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","_Teleport","_Transition","_mergeProps","_withDirectives","_normalizeStyle","CardComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQE,aAAAA,UAAA,GAAAC,mBA+BM,OA/BNC,cA+BM;AAAA,QA7BI,QAAA,SAAS,QAAA,eAAeC,KAAAA,OAAO,SAASA,KAAAA,OAAO,eAAeA,KAAAA,OAAO,WAD7EH,aAAAC,mBA2BM,OA3BNG,cA2BM;AAAA,UAvBJC,mBAkBM,OAlBNC,cAkBM;AAAA,YAhBI,QAAA,SAASH,KAAAA,OAAO,SADxBH,aAAAC,mBAOO,QAPPM,cAOO;AAAA,cAHLC,WAEO,0BAFP,MAEO;AAAA,gDADF,QAAA,KAAK,GAAA,CAAA;AAAA,cAAA;;YAKJ,QAAA,eAAeL,KAAAA,OAAO,eAD9BH,aAAAC,mBAOO,QAPPQ,cAOO;AAAA,cAHLD,WAEO,gCAFP,MAEO;AAAA,gDADF,QAAA,WAAW,GAAA,CAAA;AAAA,cAAA;;;UAKpBH,mBAEM,OAFNK,cAEM;AAAA,YADJF,WAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;;QAI3BA,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;ACvBZ,UAAM,iBAA4C;AAAA,MAChD,MAAMG;AAAAA,MACN,QAAQC;AAAAA,MACR,MAAMC;AAAAA,MACN,SAASC;AAAAA,MACT,OAAOC;AAAAA,IAAA;AAGT,UAAM,mBAAmB,CAAC,OAAe,WAAsB;AAC7D,aAAO,eAAe,IAAI,KAAKJ;AAAAA,IACjC;AAGA,UAAM,oBAAoB,SAAS,MAAM,QAAA,WAAW,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;AAG5E,UAAM,eAAe,CAAC,MAA+B,aAAgC;AACnF,UAAI,SAAS,KAAK,SAAS,GAAG,GAAG;AAC/B,YAAI,QAAiB;AACrB,mBAAW,OAAO,SAAS,KAAK,MAAM,GAAG,GAAG;AAC1C,cAAI,SAAS,OAAO,UAAU,YAAY,OAAO,OAAO;AACtD,oBAAS,MAAkC,GAAG;AAAA,UAChD,OAAO;AACL,mBAAO;AAAA,UACT;AAAA,QACF;AACA,eAAO;AAAA,MACT;AACA,aAAO,KAAK,SAAS,IAAI;AAAA,IAC3B;AAEA,UAAM,oBAAoB,CAAC,UAAwC;AACjE,cAAQ,OAAA;AAAA,QACN,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb;AAEA,UAAM,eAAe,CAAC,SAAmB;AACvC,UAAI,MAAM;AACR,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;;;QAIEN,mBAiDQ,SAjDRH,cAiDQ;AAAA,UAhDNG,mBAgBQ,SAhBRD,cAgBQ;AAAA,YAbNC,mBAYK,MAAA,MAAA;AAAA,gCAXHJ,mBAQKe,UAAA,MAAAC,WAPgB,kBAAA,OAAiB,CAA7B,aAAQ;oCADjBhB,mBAQK,MAAA;AAAA,kBANF,KAAK,SAAS;AAAA,kBACd,OAAKiB,eAAA,CAAG,kBAAkB,SAAS,KAAK,GAAA,WAAA,CAAA;AAAA,gBAAA;kBAEzCV,WAEO,KAAA,QAAA,YAFkB,SAAS,QAAO,SAAA,GAAzC,MAEO;AAAA,oBADFW,gBAAAC,gBAAA,SAAS,SAAS,SAAS,IAAI,GAAA,CAAA;AAAA,kBAAA;;;wCAItCf,mBAAsC,MAAA,EAAlC,OAAM,0BAAsB,MAAA,EAAA;AAAA,YAAA;;UAIpCA,mBA6BQ,SA7BRC,cA6BQ;AAAA,8BA5BNL,mBA2BKe,UAAA,MAAAC,WA3Bc,QAAA,OAAK,CAAb,SAAI;kCAAfhB,mBA2BK,MAAA;AAAA,gBA3BsB,KAAK,KAAK;AAAA,gBAAI,OAAM;AAAA,cAAA;kCAC7CA,mBAqBKe,UAAA,MAAAC,WApBgB,kBAAA,OAAiB,CAA7B,aAAQ;sCADjBhB,mBAqBK,MAAA;AAAA,oBAnBF,KAAK,SAAS;AAAA,oBACd,OAAKiB,eAAA;AAAA,sBAAgB,kBAAkB,SAAS,KAAK;AAAA,sBAAe,aAAa,SAAS,IAAI;AAAA,sBAAe,SAAS;AAAA;;;oBAOvHV,WAUO,KAAA,QAAA,UARY,SAAS,MAAI;AAAA,sBAD7B;AAAA,sBAEA;AAAA,sBACA,OAAO,aAAa,MAAM,QAAQ;AAAA,oBAAA,GAJrC,MAUO;AAAA,uBAJLR,UAAA,GAAAqB,YAGEC,wBAFK,iBAAiB,SAAS,QAAI,MAAA,CAAA,GAAA;AAAA,wBAClC,OAAO,aAAa,MAAM,QAAQ;AAAA,sBAAA;;;;gBAKzCjB,mBAEK,MAFLE,cAEK;AAAA,kBADHC,WAAwC,KAAA,QAAA,UAAA,EAAjC,MAAU;AAAA,gBAAA;;;;;SAOb,QAAA,SAAS,QAAA,MAAM,WAAM,kBAAjCP,mBAEM,OAAAQ,cAAA;AAAA,UADJD,WAA0B,KAAA,QAAA,OAAA;AAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClH9B,UAAM,QAAQ;AAiBd,UAAM,OAAO;AAIb,UAAM,cAAc,IAAI,EAAE;AAC1B,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,mBAAmB,IAAI,EAAE;AAC/B,UAAM,WAAW,IAA6B,IAAI;AAClD,UAAM,cAAc,IAA2B,IAAI;AACnD,UAAM,eAAe,IAA2B,IAAI;AACpD,UAAM,kBAAkB,IAA2B,IAAI;AACvD,UAAM,mBAAmB,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG;AAE1D,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,CAAC,YAAY,OAAO;AACtB,eAAO,MAAM;AAAA,MACf;AACA,YAAM,QAAQ,YAAY,MAAM,YAAA;AAChC,aAAO,MAAM,QAAQ;AAAA,QACnB,CAAC,WACC,OAAO,MAAM,cAAc,SAAS,KAAK,KAAK,OAAO,MAAM,YAAA,EAAc,SAAS,KAAK;AAAA,MAAA;AAAA,IAE7F,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAI,CAAC,MAAM,WAAY,QAAO;AAC9B,YAAM,SAAS,MAAM,QAAQ,KAAK,CAAC,QAAQ,IAAI,UAAU,MAAM,UAAU;AACzE,cAAO,iCAAQ,UAAS;AAAA,IAC1B,CAAC;AAED;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,MAAM;AACJ,YAAI,CAAC,OAAO,OAAO;AACjB,sBAAY,QAAQ,cAAc;AAAA,QACpC;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;AAGpB,UAAM,iBAAiB,MAAM;AAC3B,UAAI,CAAC,gBAAgB,SAAS,CAAC,MAAM,SAAU;AAC/C,YAAM,OAAO,gBAAgB,MAAM,sBAAA;AACnC,uBAAiB,QAAQ;AAAA,QACvB,KAAK,KAAK,SAAS,OAAO,UAAU;AAAA,QACpC,MAAM,KAAK,OAAO,OAAO;AAAA,QACzB,OAAO,KAAK;AAAA,MAAA;AAAA,IAEhB;AAEA,UAAM,eAAe,MAAM;AACzB,UAAI,MAAM,SAAU;AACpB,aAAO,QAAQ;AACf,kBAAY,QAAQ;AACpB,uBAAiB,QAAQ;AACzB,eAAS,MAAM;;AACb,uBAAS,UAAT,mBAAgB;AAChB,uBAAA;AAAA,MACF,CAAC;AAAA,IACH;AAEA,UAAM,gBAAgB,MAAM;AAC1B,aAAO,QAAQ;AACf,kBAAY,QAAQ,cAAc;AAClC,uBAAiB,QAAQ;AAAA,IAC3B;AAEA,UAAM,eAAe,CAAC,WAA+B;AACnD,WAAK,qBAAqB,OAAO,KAAK;AACtC,kBAAY,QAAQ,OAAO;AAC3B,oBAAA;AAAA,IACF;AAEA,UAAM,iBAAiB,MAAM;AAC3B,WAAK,qBAAqB,IAAI;AAC9B,kBAAY,QAAQ;AACpB,uBAAiB,QAAQ;AACzB,eAAS,MAAM;;AACb,uBAAS,UAAT,mBAAgB;AAAA,MAClB,CAAC;AAAA,IACH;AAEA,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,UAAI,CAAC,OAAO,MAAO;AAEnB,cAAQ,MAAM,KAAA;AAAA,QACZ,KAAK;AACH,gBAAM,eAAA;AACN,2BAAiB,QAAQ,KAAK;AAAA,YAC5B,iBAAiB,QAAQ;AAAA,YACzB,gBAAgB,MAAM,SAAS;AAAA,UAAA;AAEjC,8BAAA;AACA;AAAA,QACF,KAAK;AACH,gBAAM,eAAA;AACN,2BAAiB,QAAQ,KAAK,IAAI,iBAAiB,QAAQ,GAAG,CAAC;AAC/D,8BAAA;AACA;AAAA,QACF,KAAK;AACH,gBAAM,eAAA;AACN,cAAI,iBAAiB,SAAS,KAAK,gBAAgB,MAAM,iBAAiB,KAAK,GAAG;AAChF,yBAAa,gBAAgB,MAAM,iBAAiB,KAAK,CAAC;AAAA,UAC5D;AACA;AAAA,QACF,KAAK;AACH,gBAAM,eAAA;AACN,wBAAA;AACA;AAAA,MAAA;AAAA,IAEN;AAEA,UAAM,sBAAsB,MAAM;AAChC,eAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,gBAAM,qBAAqB,YAAY,MAAM;AAAA,YAC3C,gBAAgB,iBAAiB,KAAK;AAAA,UAAA;AAExC,cAAI,oBAAoB;AACtB,+BAAmB,eAAe,EAAE,OAAO,UAAA,CAAW;AAAA,UACxD;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAEA,UAAM,qBAAqB,CAAC,UAAsB;;AAChD,YAAM,SAAS,MAAM;AACrB,YAAM,qBAAoB,kBAAa,UAAb,mBAAoB,SAAS;AACvD,YAAM,oBAAmB,iBAAY,UAAZ,mBAAmB,SAAS;AACrD,UAAI,CAAC,qBAAqB,CAAC,kBAAkB;AAC3C,sBAAA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,QAAQ,CAAC,aAAa;AAC1B,UAAI,UAAU;AACZ,iBAAS,iBAAiB,SAAS,kBAAkB;AACrD,eAAO,iBAAiB,UAAU,gBAAgB,IAAI;AACtD,eAAO,iBAAiB,UAAU,cAAc;AAAA,MAClD,OAAO;AACL,iBAAS,oBAAoB,SAAS,kBAAkB;AACxD,eAAO,oBAAoB,UAAU,gBAAgB,IAAI;AACzD,eAAO,oBAAoB,UAAU,cAAc;AAAA,MACrD;AAAA,IACF,CAAC;AAED,gBAAY,MAAM;AAChB,eAAS,oBAAoB,SAAS,kBAAkB;AACxD,aAAO,oBAAoB,UAAU,gBAAgB,IAAI;AACzD,aAAO,oBAAoB,UAAU,cAAc;AAAA,IACrD,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAI,CAAC,MAAM,SAAU,QAAO,CAAA;AAC5B,aAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK,GAAG,iBAAiB,MAAM,GAAG;AAAA,QAClC,MAAM,GAAG,iBAAiB,MAAM,IAAI;AAAA,QACpC,OAAO,GAAG,iBAAiB,MAAM,KAAK;AAAA,MAAA;AAAA,IAE1C,CAAC;;0BAICP,mBAqGM,OAAA;AAAA,iBArGG;AAAA,QAAJ,KAAI;AAAA,QAAe,OAAM;AAAA,MAAA;QACf,QAAA,sBAAbA,mBAEQ,SAFRC,cAEQkB,gBADH,QAAA,KAAK,GAAA,CAAA;QAGVf,mBA6FM,OA7FND,cA6FM;AAAA,UA5FJC,mBA4CM,OAAA;AAAA,qBA3CA;AAAA,YAAJ,KAAI;AAAA,YACH,OAAKa,eAAA,CAAA;AAAA,gCAAgC,QAAA;AAAA,cAA0D,wCAAA,CAAA,QAAA,UAAU,OAAA;AAAA,uDAA2D,OAAA;AAAA,+CAAmD,QAAA;AAAA,YAAA,GAMlN,0FAA0F,CAAA;AAAA,UAAA;YAEhGK,YAA0DC,MAAA,IAAA,GAAA;AAAA,cAApD,OAAM;AAAA,cAAuB,MAAK;AAAA,YAAA;2BAExCnB,mBASE,SAAA;AAAA,uBARI;AAAA,cAAJ,KAAI;AAAA,2EACK,YAAW,QAAA;AAAA,cACnB,UAAU,QAAA;AAAA,cACV,aAAa,QAAA,eAAW;AAAA,cACzB,OAAM;AAAA,cACN,MAAK;AAAA,cACJ,SAAO;AAAA,cACP,WAAS;AAAA,YAAA;2BAND,YAAA,KAAW;AAAA,YAAA;YAUd,QAAA,eAAe,QAAA,yBADvBJ,mBAOS,UAAA;AAAA;cALP,OAAM;AAAA,cACN,MAAK;AAAA,cACJ,uBAAY,gBAAc,CAAA,MAAA,CAAA;AAAA,YAAA;cAE3BsB,YAAqDC,MAAA,IAAA,GAAA;AAAA,gBAA/C,OAAM;AAAA,gBAAuB,MAAK;AAAA,cAAA;;YAG1CnB,mBAWS,UAAA;AAAA,cAVN,UAAU,QAAA;AAAA,cACX,OAAM;AAAA,cACN,MAAK;AAAA,cACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAoB,cAAA,CAAA,WAAO,OAAA,QAAS,cAAA,IAAkB,gBAAY,CAAA,MAAA,CAAA;AAAA,YAAA;cAEpDF,YAIEC,MAAA,IAAA,GAAA;AAAA,gBAHC,OAAKN,eAAA,CAAA,EAAA,cAAkB,OAAA,MAAA,GAClB,iCAAiC,CAAA;AAAA,gBACvC,MAAK;AAAA,cAAA;;;wBAMXG,YA4CWK,UAAA;AAAA,YA5CD,IAAG;AAAA,YAAQ,WAAW,QAAA;AAAA,UAAA;YAC9BH,YA0CaI,YAAA;AAAA,cAzCX,sBAAmB;AAAA,cACnB,oBAAiB;AAAA,cACjB,kBAAe;AAAA,cACf,sBAAmB;AAAA,cACnB,oBAAiB;AAAA,cACjB,kBAAe;AAAA,YAAA;+BAEf,MAiCM;AAAA,gBAhCE,OAAA,sBADR1B,mBAiCM,OAAA;AAAA;2BA/BA;AAAA,kBAAJ,KAAI;AAAA,kBACH,sBAAO,cAAA,KAAa;AAAA,kBACpB,OAAKiB,eAAA;AAAA;qBAAqL,QAAA,YAAQ;AAAA,kBAAA;;kBAKxL,gBAAA,MAAgB,WAAM,kBAAjCjB,mBAEM,OAFN,YAEMmB,gBADD,QAAA,iBAAa,kBAAA,GAAA,CAAA;mBAGlBpB,UAAA,IAAA,GAAAC,mBAmBSe,UAAA,MAAAC,WAlBmB,gBAAA,OAAe,CAAjC,QAAQ,UAAK;wCADvBhB,mBAmBS,UAAA;AAAA,sBAjBN,KAAK,OAAO;AAAA,sBACZ,OAAKiB,eAAA,CAAA;AAAA,wBAAoD,gCAAA,iBAAA,UAAqB;AAAA,yCAAwC,QAAA,eAAe,OAAO;AAAA,sBAAA,GAKvI,gHAAgH,CAAA;AAAA,sBADrH,cAAY;AAAA,sBAEb,MAAK;AAAA,sBACJ,SAAK,CAAA,WAAE,aAAa,MAAM;AAAA,oBAAA;sBAGnB,QAAA,eAAe,OAAO,sBAD9BG,YAIEG,MAAA,IAAA,GAAA;AAAA;wBAFA,OAAM;AAAA,wBACN,MAAK;AAAA,sBAAA;sBAEPnB,mBAA8D,QAA9D,YAA8De,gBAAtB,OAAO,KAAK,GAAA,CAAA;AAAA,sBACpDf,mBAA+D,QAA/D,YAAoC,sBAAI,OAAO,KAAK,IAAG,KAAC,CAAA;AAAA,oBAAA;;;;;;;;QAOzD,QAAA,sBAATJ,mBAAiE,KAAjE,YAAiEmB,gBAAZ,QAAA,KAAK,GAAA,CAAA;;;;;;;;;;;;;ACnR9D,UAAM,aAAa,SAAS,MAAM;AAChC,cAAQ,QAAA,OAAA;AAAA,QACN,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,cAAQ,QAAA,OAAA;AAAA,QACN,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,CAAC;AAGD,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAI,CAAC,QAAA,KAAM,QAAO;AAClB,UAAI;AACF,cAAM,aAAa,iBAAiB,YAAY;AAChD,YAAI,OAAO,eAAe,UAAU;AAClC,iBAAO;AAAA,QACT;AAAA,MACF,QAAQ;AAAA,MAER;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,CAAC,QAAA,KAAM,QAAO,CAAA;AAClB,UAAI,cAAc,UAAU,KAAK;AAC/B,eAAO,EAAE,MAAM;MACjB;AACA,aAAO,EAAE,IAAI;IACf,CAAC;;AAIC,aAAApB,UAAA,GAAAqB,YAOYC,wBANL,cAAA,KAAa,GADpBM,WAEU,UAKE,OALO;AAAA,QAChB,OAAK,CAAE,WAAA,OACF,iEAAiE;AAAA,MAAA;yBAEvE,MAAqD;AAAA,UAArDL,YAAqDC,MAAA,IAAA,GAAA;AAAA,YAA9C,OAAKN,eAAA,CAAE,eAAA,OAA4B,QAAQ,CAAA;AAAA,YAAnB,MAAA,QAAA;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;AChEnC,UAAM,QAAQ;AA8Bd,UAAM,OAAO;AAIb,UAAM,iBAAgD;AAAA,MACpD,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAGX,UAAM,cAA0C;AAAA,MAC9C,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAGN,UAAM,kBAA8C;AAAA,MAClD,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAGN,UAAM,UAAU,SAAS,MAAM;AAAA,MAC7B;AAAA,MACA,eAAe,MAAM,OAAO;AAAA,MAC5B,YAAY,MAAM,IAAI;AAAA,MACtB,MAAM,SAAS;AAAA,IAAA,CAChB;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,IAAI;AACZ,YAAI;AACF,gBAAM,aAAa,iBAAiB,YAAY;AAChD,cAAI,OAAO,eAAe,SAAU,QAAO;AAAA,QAC7C,QAAQ;AAAA,QAER;AAAA,MACF;AACA,UAAI,MAAM,KAAM,QAAO;AACvB,aAAO;AAAA,IACT,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,MAAM,GAAI,QAAO,EAAE,IAAI,MAAM,GAAA;AACjC,UAAI,MAAM,KAAM,QAAO,EAAE,MAAM,MAAM,KAAA;AACrC,aAAO,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,YAAY,MAAM,QAAA;AAAA,IAC/D,CAAC;AAED,UAAM,cAAc,CAAC,UAAsB;AACzC,UAAI,MAAM,YAAY,MAAM,QAAS;AACrC,WAAK,SAAS,KAAK;AAAA,IACrB;;AAIE,aAAAlB,UAAA,GAAAqB,YAsBYC,wBArBL,UAAA,KAAS,GADhBM,WAEU,eAoBE,OApBY;AAAA,QACrB,OAAO,QAAA;AAAA,QACP,SAAO;AAAA,MAAA;yBAER,MAIE;AAAA,UAHM,QAAA,wBADRP,YAIEG,MAAA,IAAA,GAAA;AAAA;YAFA,MAAK;AAAA,YACJ,OAAKN,eAAA,CAAG,gBAAgB,QAAA,IAAI,GAAA,cAAA,CAAA;AAAA,UAAA,0BAGlB,QAAA,qBADbG,YAIEG,MAAA,IAAA,GAAA;AAAA;YAFC,MAAM,QAAA;AAAA,YACN,OAAKN,eAAE,gBAAgB,QAAA,IAAI,CAAA;AAAA,UAAA;UAE9BV,WAAQ,KAAA,QAAA,SAAA;AAAA,UAEA,QAAA,cAAc,QAAA,wBADtBa,YAIEG,MAAA,IAAA,GAAA;AAAA;YAFC,MAAM,QAAA;AAAA,YACN,OAAKN,eAAE,gBAAgB,QAAA,IAAI,CAAA;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;ACjHlC,UAAM,QAAQ;AAqBd,UAAM,aAAa,IAAI,KAAK;AAE5B,UAAM,cAA0C;AAAA,MAC9C,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAGT,UAAM,cAA0C;AAAA,MAC9C,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAGT,UAAM,eAAuC;AAAA,MAC3C,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAGR,UAAM,iBAAyC;AAAA,MAC7C,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAGN,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,CAAC,MAAM,KAAM,QAAO;AACxB,aAAO,MAAM,KACV,MAAM,GAAG,EACT,IAAI,OAAK,EAAE,CAAC,CAAC,EACb,MAAM,GAAG,CAAC,EACV,KAAK,EAAE,EACP,YAAA;AAAA,IACL,CAAC;AAED,UAAM,YAAY,SAAS,MAAM,MAAM,OAAO,CAAC,WAAW,KAAK;;AAI7D,aAAAlB,UAAA,GAAAC,mBA0BM,OA1BNC,cA0BM;AAAA,QAzBJG,mBAgBM,OAAA;AAAA,UAfH,OAAKa,eAAA;AAAA;YAAkJ,YAAY,QAAA,IAAI;AAAA,YAAW,eAAe,QAAA,OAAO;AAAA,UAAA;;UAOjM,UAAA,sBADRjB,mBAME,OAAA;AAAA;YAJC,KAAK,QAAA;AAAA,YACL,KAAK,QAAA,OAAO,QAAA;AAAA,YACb,OAAM;AAAA,YACL,+CAAO,WAAA,QAAU;AAAA,UAAA,8BAEH,SAAA,SAAjBD,UAAA,GAAAC,mBAAgD,oCAAlB,SAAA,KAAQ,GAAA,CAAA,mBACtCoB,YAAmDG,MAAA,IAAA,GAAA;AAAA;YAAtC,MAAK;AAAA,YAAc,OAAM;AAAA,UAAA;;QAGhC,QAAA,uBADRvB,mBAOE,QAAA;AAAA;UALC,OAAKiB,eAAA;AAAA;YAAyG,YAAY,QAAA,IAAI;AAAA,YAAW,aAAa,QAAA,MAAM;AAAA,UAAA;;;;;;;;;;;;;;;;;ACpFnK,UAAM,QAAQ;AAcd,UAAM,OAAO;AAIb,UAAM,YAAY,SAAS;AAAA,MACzB,KAAK,MAAA;;AAAM,qBAAM,gBAAc,WAAM,KAAK,CAAC,MAAZ,mBAAe;AAAA;AAAA,MAC9C,KAAK,CAAC,UAAkB,KAAK,qBAAqB,KAAK;AAAA,IAAA,CACxD;AAED,UAAM,YAAY,CAAC,QAAa;AAC9B,UAAI,IAAI,SAAU;AAClB,gBAAU,QAAQ,IAAI;AAAA,IACxB;AAEA,UAAM,iBAAiB;AAAA,MACrB,WAAW;AAAA,QACT,WAAW;AAAA,QACX,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,MAEZ,OAAO;AAAA,QACL,WAAW;AAAA,QACX,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,MAEZ,OAAO;AAAA,QACL,WAAW;AAAA,QACX,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,IACZ;AAGF,YAAQ,aAAa,SAAS;;0BAI5BjB,mBA8BM,OAAA,MAAA;AAAA,QA7BJI,mBAyBM,OAAA;AAAA,UAxBH,OAAKa,eAAA;AAAA;YAA4B,eAAe,QAAA,OAAO,EAAE;AAAA,UAAA;UAI1D,MAAK;AAAA,QAAA;4BAELjB,mBAiBSe,UAAA,MAAAC,WAhBO,QAAA,MAAI,CAAX,QAAG;gCADZhB,mBAiBS,UAAA;AAAA,cAfN,KAAK,IAAI;AAAA,cACV,MAAK;AAAA,cACL,MAAK;AAAA,cACJ,iBAAe,UAAA,UAAc,IAAI;AAAA,cACjC,UAAU,IAAI;AAAA,cACd,OAAKiB,eAAA;AAAA;gBAAoI,eAAe,QAAA,OAAO,EAAE;AAAA,gBAAe,UAAA,UAAc,IAAI,MAAkB,eAAe,QAAA,OAAO,EAAE,SAAqB,eAAe,QAAA,OAAO,EAAE;AAAA,cAAA;cAOzR,SAAK,CAAA,WAAE,UAAU,GAAG;AAAA,YAAA,GAElBE,gBAAA,IAAI,KAAK,GAAA,IAAAlB,YAAA;AAAA;;QAGhBG,mBAEM,OAFND,cAEM;AAAA,UADJI,WAAgC,KAAA,QAAA,WAAA,EAAzB,WAAY,UAAA,OAAS;AAAA,QAAA;;;;;;;;;;;;ACxFlC,UAAM,QAAQ;AAKd,UAAM,YAAY,OAAoB,WAAW;AAEjD,UAAM,WAAW,SAAS,OAAM,uCAAW,WAAU,MAAM,KAAK;;AAI9D,aAAAqB,gBAAA7B,UAAA,GAAAC,mBAEM,OAFNC,cAEM;AAAA,QADJM,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;gBADG,SAAA,KAAQ;AAAA,MAAA;;;;;;;;;;;;;;;;;ACJvB,UAAM,QAAQ;AAkBd,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,eAAe,OAAW,QAAO;AAC3C,YAAM,QAAQ,MAAM,MAAM,UAAU,CAAC,MAAM,EAAE,QAAQ,MAAM,UAAU;AACrE,aAAO,SAAS,IAAI,QAAQ;AAAA,IAC9B;AAEA,UAAM,iBAAiB,CAAC,UAAkB,QAAQ,oBAAA;AAClD,UAAM,eAAe,CAAC,UAAkB,UAAU,oBAAA;AAClD,UAAM,gBAAgB,CAAC,UAAkB,QAAQ,oBAAA;;0BAI/CP,mBAkGM,OAAA;AAAA,QAjGH,OAAKiB,eAAA;AAAA;UAA0B,QAAA,gBAAW,aAAA,kBAAA;AAAA,QAAA;;QAK3Cb,mBA2FM,OAAA;AAAA,UA1FH,OAAKa,eAAA;AAAA,YAAY,QAAA,gBAAW;;;UAOb,QAAA,gBAAW,6BAA3BjB,mBAYWe,UAAA,EAAA,KAAA,KAAA;AAAA,sCAXTX,mBAGE,OAAA;AAAA,cAFA,OAAM;AAAA,cACN,eAAY;AAAA,YAAA;YAEdA,mBAME,OAAA;AAAA,cALA,OAAM;AAAA,cACL,OAAKyB,eAAA;AAAA,0BAA2B,oBAAA,KAAyB,QAAA,MAAM,SAAM,KAAA,GAAA;AAAA,cAAA;cAGtE,eAAY;AAAA,YAAA;;WAKhB9B,UAAA,IAAA,GAAAC,mBAmEMe,UAAA,MAAAC,WAlEoB,QAAA,OAAK,CAArB,MAAM,UAAK;gCADrBhB,mBAmEM,OAAA;AAAA,cAjEH,KAAK,KAAK;AAAA,cACV,OAAKiB,eAAA;AAAA;gBAAoC,QAAA,gBAAW;;;cAS7C,QAAA,gBAAW,cAAmB,QAAQ,QAAA,MAAM,SAAM,kBAD1DjB,mBAIE,OAAA;AAAA;gBAFA,OAAKiB,eAAA,CAAC,wDACE,eAAe,KAAK,IAAA,eAAA,8BAAA,CAAA;AAAA,cAAA;cAI9Bb,mBAmBM,OAAA;AAAA,gBAlBJ,uBAAM,qHAAmH;AAAA,kBACjD,kDAAA,aAAa,KAAK,KAAK,eAAe,KAAK;AAAA,qHAAgI,cAAc,KAAK;AAAA,gBAAA;;gBAO9P,eAAe,KAAK,kBAD5BgB,YAIEG,MAAA,IAAA,GAAA;AAAA;kBAFA,MAAK;AAAA,kBACL,OAAM;AAAA,gBAAA,MAGK,KAAK,qBADlBH,YAIEG,MAAA,IAAA,GAAA;AAAA;kBAFC,MAAM,KAAK;AAAA,kBACZ,OAAM;AAAA,gBAAA,uCAERvB,mBAAiE,QAAjEC,cAAiEkB,gBAAnB,QAAK,CAAA,GAAA,CAAA;AAAA,cAAA;cAIrDf,mBA0BM,OAAA;AAAA,gBAzBH,OAAKa,eAAA;AAAA,kBAAgB,QAAA,gBAAW;;;gBAMjCb,mBAQI,KAAA;AAAA,kBAPF,uBAAM,2CAAyC;AAAA,oBACW,kCAAA,aAAa,KAAK,KAAK,eAAe,KAAK;AAAA,oBAAqD,oCAAA,cAAc,KAAK;AAAA,kBAAA;mBAK1Ke,gBAAA,KAAK,KAAK,GAAA,CAAA;AAAA,gBAGP,KAAK,4BADbnB,mBASI,KAAA;AAAA;kBAPF,uBAAM,gBAAc;AAAA,oBACwC,oCAAA,aAAa,KAAK;AAAA,oBAAsD,oCAAA,CAAA,aAAa,KAAK;AAAA,kBAAA;mBAKnJmB,gBAAA,KAAK,WAAW,GAAA,CAAA;;;;;;;;;;;;;;;;;;;AChI/B,UAAM,QAAQ;AAcd,UAAM,aAAa,IAAI,MAAM,eAAe;AAE5C,UAAM,SAAS,MAAM;AACnB,iBAAW,QAAQ,CAAC,WAAW;AAAA,IACjC;;0BAIEC,YA6BgBU,aAAA;AAAA,QA7BA,OAAO,QAAA;AAAA,QAAQ,aAAa,QAAA;AAAA,MAAA;QAC/B,iBACT,MAAuB;AAAA,UAAvBvB,WAAuB,KAAA,QAAA,SAAA;AAAA,UACvBH,mBASS,UAAA;AAAA,YARP,MAAK;AAAA,YACL,OAAM;AAAA,YACL,SAAO;AAAA,UAAA;YAERkB,YAGEC,MAAA,IAAA,GAAA;AAAA,cAFC,MAAM,WAAA,QAAU,sBAAA;AAAA,cACjB,OAAM;AAAA,YAAA;;;yBAKZ,MAaa;AAAA,UAbbD,YAaaI,YAAA;AAAA,YAZX,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,YACf,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,UAAA;6BAEf,MAIM;AAAA,cAJNE,eAAAxB,mBAIM,OAJN,YAIM;AAAA,gBAHJA,mBAEM,OAFN,YAEM;AAAA,kBADJG,WAAQ,KAAA,QAAA,SAAA;AAAA,gBAAA;;wBAFC,WAAA,KAAU;AAAA,cAAA;;;;;;;;;;"}