cisse-vue-ui 0.5.21 → 0.5.23

package/dist/{Timeline.vue_vue_type_script_setup_true_lang-C5SKEGPG.cjs → DarkModeToggle.vue_vue_type_script_setup_true_lang-CSxGvdSP.cjs}

@@ -1,15 +1,17 @@
 "use strict";
 const vue = require("vue");
-const Checkbox_vue_vue_type_script_setup_true_lang = require("./Checkbox.vue_vue_type_script_setup_true_lang-DIoHDji4.cjs");
-const ListSkeleton_vue_vue_type_script_setup_true_lang = require("./ListSkeleton.vue_vue_type_script_setup_true_lang-CrEu33_J.cjs");
+const index = require("./index-CUNU12xk.cjs");
+const Button_vue_vue_type_script_setup_true_lang = require("./Button.vue_vue_type_script_setup_true_lang-Cev21KGJ.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
 const vue$1 = require("@iconify/vue");
 const useDropdown = require("./useDropdown-DHFnd259.cjs");
-const _hoisted_1$c = {
+const useId = require("./useId-nxrBaIC9.cjs");
+const useDarkMode = require("./useDarkMode-DLZcJEUQ.cjs");
+const _hoisted_1$f = {
   key: 1,
   class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950"
 };
-const _hoisted_2$9 = { class: "flex flex-col gap-0.5" };
+const _hoisted_2$c = { class: "flex flex-col gap-0.5" };
 const _hoisted_3$7 = {
   key: 1,
   class: "text-sm font-normal text-gray-600 dark:text-gray-400"
@@ -36,12 +38,12 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       () => props.dividerClass || "border-gray-200 dark:border-gray-700"
     );
     return (_ctx, _cache) => {
-      return __props.loading ? (vue.openBlock(), vue.createBlock(ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$1, {
+      return __props.loading ? (vue.openBlock(), vue.createBlock(Button_vue_vue_type_script_setup_true_lang._sfc_main$2, {
         key: 0,
         lines: __props.loadingLines,
         "show-avatar": __props.loadingAvatar,
         "show-actions": __props.loadingActions
-      }, null, 8, ["lines", "show-avatar", "show-actions"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+      }, null, 8, ["lines", "show-avatar", "show-actions"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
         _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["border-b", dividerClasses.value])
@@ -51,7 +53,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           key: 1,
           class: vue.normalizeClass(["flex items-center justify-between border-b px-5 py-3", dividerClasses.value])
         }, [
-          vue.createElementVNode("div", _hoisted_2$9, [
+          vue.createElementVNode("div", _hoisted_2$c, [
             __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               class: vue.normalizeClass(["text-md font-semibold", titleClasses.value])
@@ -75,8 +77,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "overflow-hidden" };
-const _hoisted_2$8 = {
+const _hoisted_1$e = { class: "overflow-hidden" };
+const _hoisted_2$b = {
   key: 1,
   class: "overflow-x-auto"
 };
@@ -210,17 +212,17 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       return props.sortBy === property.name;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
-        __props.loading ? (vue.openBlock(), vue.createBlock(ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+        __props.loading ? (vue.openBlock(), vue.createBlock(Button_vue_vue_type_script_setup_true_lang._sfc_main$1, {
           key: 0,
           rows: __props.loadingRows,
           columns: visibleProperties.value.length
-        }, null, 8, ["rows", "columns"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
+        }, null, 8, ["rows", "columns"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [
           vue.createElementVNode("table", _hoisted_3$6, [
             vue.createElementVNode("thead", _hoisted_4$5, [
               vue.createElementVNode("tr", null, [
                 __props.selectable ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$3, [
-                  vue.createVNode(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
+                  vue.createVNode(index._sfc_main, {
                     "model-value": allSelected.value,
                     indeterminate: someSelected.value,
                     disabled: selectableItems.value.length === 0,
@@ -279,7 +281,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(["hover:bg-black/5 dark:hover:bg-white/5 transition-colors", { "bg-primary/5 dark:bg-primary/10": isSelected(item) }])
                 }, [
                   __props.selectable ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_11$1, [
-                    isSelectable(item) ? (vue.openBlock(), vue.createBlock(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
+                    isSelectable(item) ? (vue.openBlock(), vue.createBlock(index._sfc_main, {
                       key: 0,
                       "model-value": isSelected(item),
                       "onUpdate:modelValue": ($event) => handleSelect(item)
@@ -321,8 +323,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "space-y-3" };
-const _hoisted_2$7 = { class: "flex items-center gap-3 p-3" };
+const _hoisted_1$d = { class: "space-y-3" };
+const _hoisted_2$a = { class: "flex items-center gap-3 p-3" };
 const _hoisted_3$5 = { class: "text-sm text-gray-600 dark:text-gray-400" };
 const _hoisted_4$4 = {
   key: 0,
@@ -389,10 +391,10 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
     const hasEmptySlot = vue.computed(() => !!slots.empty);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
         __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$i, { key: 0 }, {
           default: vue.withCtx(() => [
-            vue.createVNode(ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$2, {
+            vue.createVNode(Button_vue_vue_type_script_setup_true_lang._sfc_main$3, {
               items: __props.loadingItems,
               "show-avatar": "",
               "show-secondary": "",
@@ -403,8 +405,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
           __props.selectable && selectableItems.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$i, { key: 0 }, {
             default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_2$7, [
-                vue.createVNode(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
+              vue.createElementVNode("div", _hoisted_2$a, [
+                vue.createVNode(index._sfc_main, {
                   "model-value": allSelected.value,
                   indeterminate: someSelected.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("selectAll"))
@@ -425,7 +427,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => [
                 vue.createElementVNode("div", _hoisted_5$2, [
                   __props.selectable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
-                    isSelectable(item) ? (vue.openBlock(), vue.createBlock(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
+                    isSelectable(item) ? (vue.openBlock(), vue.createBlock(index._sfc_main, {
                       key: 0,
                       "model-value": isSelected(item),
                       "onUpdate:modelValue": ($event) => handleSelect(item)
@@ -451,207 +453,6 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
-const injectLocal = /* @__NO_SIDE_EFFECTS__ */ (...args) => {
-  var _getCurrentInstance;
-  const key = args[0];
-  const instance = (_getCurrentInstance = vue.getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.proxy;
-  const owner = instance !== null && instance !== void 0 ? instance : vue.getCurrentScope();
-  if (owner == null && !vue.hasInjectionContext()) throw new Error("injectLocal must be called in setup");
-  if (owner && localProvidedStateMap.has(owner) && key in localProvidedStateMap.get(owner)) return localProvidedStateMap.get(owner)[key];
-  return vue.inject(...args);
-};
-const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const toString = Object.prototype.toString;
-const isObject = (val) => toString.call(val) === "[object Object]";
-function increaseWithUnit(target, delta) {
-  var _target$match;
-  if (typeof target === "number") return target + delta;
-  const value = ((_target$match = target.match(/^-?\d+\.?\d*/)) === null || _target$match === void 0 ? void 0 : _target$match[0]) || "";
-  const unit = target.slice(value.length);
-  const result = Number.parseFloat(value) + delta;
-  if (Number.isNaN(result)) return target;
-  return result + unit;
-}
-function pxValue(px) {
-  return px.endsWith("rem") ? Number.parseFloat(px) * 16 : Number.parseFloat(px);
-}
-function toArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
-function getLifeCycleTarget(target) {
-  return vue.getCurrentInstance();
-}
-function tryOnMounted(fn, sync = true, target) {
-  if (getLifeCycleTarget()) vue.onMounted(fn, target);
-  else if (sync) fn();
-  else vue.nextTick(fn);
-}
-function watchImmediate(source, cb, options) {
-  return vue.watch(source, cb, {
-    ...options,
-    immediate: true
-  });
-}
-const defaultWindow = isClient ? window : void 0;
-function unrefElement(elRef) {
-  var _$el;
-  const plain = vue.toValue(elRef);
-  return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
-}
-function useEventListener(...args) {
-  const register = (el, event, listener, options) => {
-    el.addEventListener(event, listener, options);
-    return () => el.removeEventListener(event, listener, options);
-  };
-  const firstParamTargets = vue.computed(() => {
-    const test = toArray(vue.toValue(args[0])).filter((e) => e != null);
-    return test.every((e) => typeof e !== "string") ? test : void 0;
-  });
-  return watchImmediate(() => {
-    var _firstParamTargets$va, _firstParamTargets$va2;
-    return [
-      (_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
-      toArray(vue.toValue(firstParamTargets.value ? args[1] : args[0])),
-      toArray(vue.unref(firstParamTargets.value ? args[2] : args[1])),
-      vue.toValue(firstParamTargets.value ? args[3] : args[2])
-    ];
-  }, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
-    if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
-    const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
-    const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
-    onCleanup(() => {
-      cleanups.forEach((fn) => fn());
-    });
-  }, { flush: "post" });
-}
-// @__NO_SIDE_EFFECTS__
-function useMounted() {
-  const isMounted = vue.shallowRef(false);
-  const instance = vue.getCurrentInstance();
-  if (instance) vue.onMounted(() => {
-    isMounted.value = true;
-  }, instance);
-  return isMounted;
-}
-// @__NO_SIDE_EFFECTS__
-function useSupported(callback) {
-  const isMounted = /* @__PURE__ */ useMounted();
-  return vue.computed(() => {
-    isMounted.value;
-    return Boolean(callback());
-  });
-}
-const ssrWidthSymbol = Symbol("vueuse-ssr-width");
-// @__NO_SIDE_EFFECTS__
-function useSSRWidth() {
-  const ssrWidth = vue.hasInjectionContext() ? /* @__PURE__ */ injectLocal(ssrWidthSymbol, null) : null;
-  return typeof ssrWidth === "number" ? ssrWidth : void 0;
-}
-function useMediaQuery(query, options = {}) {
-  const { window: window$1 = defaultWindow, ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;
-  const isSupported = /* @__PURE__ */ useSupported(() => window$1 && "matchMedia" in window$1 && typeof window$1.matchMedia === "function");
-  const ssrSupport = vue.shallowRef(typeof ssrWidth === "number");
-  const mediaQuery = vue.shallowRef();
-  const matches = vue.shallowRef(false);
-  const handler = (event) => {
-    matches.value = event.matches;
-  };
-  vue.watchEffect(() => {
-    if (ssrSupport.value) {
-      ssrSupport.value = !isSupported.value;
-      matches.value = vue.toValue(query).split(",").some((queryString) => {
-        const not = queryString.includes("not all");
-        const minWidth = queryString.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        const maxWidth = queryString.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let res = Boolean(minWidth || maxWidth);
-        if (minWidth && res) res = ssrWidth >= pxValue(minWidth[1]);
-        if (maxWidth && res) res = ssrWidth <= pxValue(maxWidth[1]);
-        return not ? !res : res;
-      });
-      return;
-    }
-    if (!isSupported.value) return;
-    mediaQuery.value = window$1.matchMedia(vue.toValue(query));
-    matches.value = mediaQuery.value.matches;
-  });
-  useEventListener(mediaQuery, "change", handler, { passive: true });
-  return vue.computed(() => matches.value);
-}
-// @__NO_SIDE_EFFECTS__
-function useBreakpoints(breakpoints, options = {}) {
-  function getValue$1(k, delta) {
-    let v = vue.toValue(breakpoints[vue.toValue(k)]);
-    if (delta != null) v = increaseWithUnit(v, delta);
-    if (typeof v === "number") v = `${v}px`;
-    return v;
-  }
-  const { window: window$1 = defaultWindow, strategy = "min-width", ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;
-  const ssrSupport = typeof ssrWidth === "number";
-  const mounted = ssrSupport ? vue.shallowRef(false) : { value: true };
-  if (ssrSupport) tryOnMounted(() => mounted.value = !!window$1);
-  function match(query, size) {
-    if (!mounted.value && ssrSupport) return query === "min" ? ssrWidth >= pxValue(size) : ssrWidth <= pxValue(size);
-    if (!window$1) return false;
-    return window$1.matchMedia(`(${query}-width: ${size})`).matches;
-  }
-  const greaterOrEqual = (k) => {
-    return useMediaQuery(() => `(min-width: ${getValue$1(k)})`, options);
-  };
-  const smallerOrEqual = (k) => {
-    return useMediaQuery(() => `(max-width: ${getValue$1(k)})`, options);
-  };
-  const shortcutMethods = Object.keys(breakpoints).reduce((shortcuts, k) => {
-    Object.defineProperty(shortcuts, k, {
-      get: () => strategy === "min-width" ? greaterOrEqual(k) : smallerOrEqual(k),
-      enumerable: true,
-      configurable: true
-    });
-    return shortcuts;
-  }, {});
-  function current() {
-    const points = Object.keys(breakpoints).map((k) => [
-      k,
-      shortcutMethods[k],
-      pxValue(getValue$1(k))
-    ]).sort((a, b) => a[2] - b[2]);
-    return vue.computed(() => points.filter(([, v]) => v.value).map(([k]) => k));
-  }
-  return Object.assign(shortcutMethods, {
-    greaterOrEqual,
-    smallerOrEqual,
-    greater(k) {
-      return useMediaQuery(() => `(min-width: ${getValue$1(k, 0.1)})`, options);
-    },
-    smaller(k) {
-      return useMediaQuery(() => `(max-width: ${getValue$1(k, -0.1)})`, options);
-    },
-    between(a, b) {
-      return useMediaQuery(() => `(min-width: ${getValue$1(a)}) and (max-width: ${getValue$1(b, -0.1)})`, options);
-    },
-    isGreater(k) {
-      return match("min", getValue$1(k, 0.1));
-    },
-    isGreaterOrEqual(k) {
-      return match("min", getValue$1(k));
-    },
-    isSmaller(k) {
-      return match("max", getValue$1(k, -0.1));
-    },
-    isSmallerOrEqual(k) {
-      return match("max", getValue$1(k));
-    },
-    isInBetween(a, b) {
-      return match("min", getValue$1(a)) && match("max", getValue$1(b, -0.1));
-    },
-    current,
-    active() {
-      const bps = current();
-      return vue.computed(() => bps.value.length === 0 ? "" : bps.value.at(strategy === "min-width" ? -1 : 0));
-    }
-  });
-}
 const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsiveList",
   props: {
@@ -701,7 +502,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       return !!slots[`cell-${key}`];
     };
     const hasActionsSlot = vue.computed(() => !!slots.actions);
-    const breakpoints = /* @__PURE__ */ useBreakpoints({
+    const breakpoints = index.useBreakpoints({
       sm: 640,
       md: 768,
       lg: 1024,
@@ -789,11 +590,11 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$c = {
   key: 0,
   class: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
 };
-const _hoisted_2$6 = { class: "relative" };
+const _hoisted_2$9 = { class: "relative" };
 const _hoisted_3$4 = ["disabled", "placeholder"];
 const _hoisted_4$3 = ["disabled"];
 const _hoisted_5$1 = {
@@ -893,9 +694,9 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     const handleKeydown = (event) => {
       baseHandleKeydown(event, {
         itemCount: filteredOptions.value.length,
-        onSelect: (index) => {
-          if (filteredOptions.value[index]) {
-            selectOption(filteredOptions.value[index]);
+        onSelect: (index2) => {
+          if (filteredOptions.value[index2]) {
+            selectOption(filteredOptions.value[index2]);
           }
         }
       });
@@ -909,8 +710,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         ref: containerRef,
         class: "autocomplete-container"
       }, [
-        __props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$9, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2$6, [
+        __props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$c, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2$9, [
           vue.createElementVNode("div", {
             ref_key: "inputWrapperRef",
             ref: inputWrapperRef,
@@ -985,14 +786,14 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                   ])
                 }, [
                   filteredOptions.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, vue.toDisplayString(__props.noResultsText || "No results found"), 1)) : vue.createCommentVNode("", true),
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (option, index) => {
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (option, index2) => {
                     return vue.openBlock(), vue.createElementBlock("button", {
                       key: option.value,
                       class: vue.normalizeClass([{
-                        "bg-gray-100 dark:bg-gray-700": vue.unref(highlightedIndex) === index,
+                        "bg-gray-100 dark:bg-gray-700": vue.unref(highlightedIndex) === index2,
                         "bg-primary/10": __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,
+                      "data-index": index2,
                       type: "button",
                       onClick: ($event) => selectOption(option)
                     }, [
@@ -1085,103 +886,10 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
-  __name: "Button",
-  props: {
-    variant: { default: "primary" },
-    size: { default: "md" },
-    icon: {},
-    iconRight: {},
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    block: { type: Boolean },
-    href: {},
-    to: {},
-    type: { default: "button" }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const variantClasses = {
-      primary: "bg-primary text-primary-foreground hover:bg-primary/90 focus:ring-primary",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 focus:ring-secondary",
-      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",
-      ghost: "bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-primary dark:text-gray-300 dark:hover:bg-gray-800",
-      danger: "bg-red-500 text-white hover:bg-red-600 focus:ring-red-500",
-      success: "bg-green-500 text-white hover:bg-green-600 focus:ring-green-500"
-    };
-    const sizeClasses = {
-      xs: "px-2 py-1 text-xs gap-1",
-      sm: "px-3 py-1.5 text-sm gap-1.5",
-      md: "px-4 py-2 text-sm gap-2",
-      lg: "px-5 py-2.5 text-base gap-2",
-      xl: "px-6 py-3 text-lg gap-2.5"
-    };
-    const iconSizeClasses = {
-      xs: "size-3",
-      sm: "size-4",
-      md: "size-4",
-      lg: "size-5",
-      xl: "size-6"
-    };
-    const classes = vue.computed(() => [
-      "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",
-      variantClasses[props.variant],
-      sizeClasses[props.size],
-      props.block && "w-full"
-    ]);
-    const component = vue.computed(() => {
-      if (props.to) {
-        try {
-          const RouterLink = vue.resolveComponent("RouterLink");
-          if (typeof RouterLink !== "string") return RouterLink;
-        } catch {
-        }
-      }
-      if (props.href) return "a";
-      return "button";
-    });
-    const componentProps = vue.computed(() => {
-      if (props.to) return { to: props.to };
-      if (props.href) return { href: props.href };
-      return { type: props.type, disabled: props.disabled || props.loading };
-    });
-    const handleClick = (event) => {
-      if (props.disabled || props.loading) return;
-      emit("click", event);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(component.value), vue.mergeProps(componentProps.value, {
-        class: classes.value,
-        onClick: handleClick
-      }), {
-        default: vue.withCtx(() => [
-          __props.loading ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
-            key: 0,
-            icon: "lucide:loader-2",
-            class: vue.normalizeClass([iconSizeClasses[__props.size], "animate-spin"])
-          }, null, 8, ["class"])) : __props.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
-            key: 1,
-            icon: __props.icon,
-            class: vue.normalizeClass(iconSizeClasses[__props.size])
-          }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "default"),
-          __props.iconRight && !__props.loading ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
-            key: 2,
-            icon: __props.iconRight,
-            class: vue.normalizeClass(iconSizeClasses[__props.size])
-          }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const _hoisted_1$8 = { class: "relative inline-block" };
-const _hoisted_2$5 = ["src", "alt"];
+const _hoisted_1$b = { class: "relative inline-block" };
+const _hoisted_2$8 = ["src", "alt"];
 const _hoisted_3$3 = { key: 1 };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     src: {},
@@ -1227,7 +935,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     });
     const showImage = vue.computed(() => props.src && !imageError.value);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass([
             "flex items-center justify-center overflow-hidden bg-gray-200 font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-300",
@@ -1241,7 +949,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
             alt: __props.alt || __props.name,
             class: "size-full object-cover",
             onError: _cache[0] || (_cache[0] = ($event) => imageError.value = true)
-          }, null, 40, _hoisted_2$5)) : initials.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$3, vue.toDisplayString(initials.value), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+          }, null, 40, _hoisted_2$8)) : initials.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$3, vue.toDisplayString(initials.value), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
             key: 2,
             icon: "lucide:user",
             class: "size-1/2"
@@ -1259,9 +967,9 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["aria-selected", "disabled", "onClick"];
-const _hoisted_2$4 = { class: "mt-4" };
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$a = ["aria-selected", "disabled", "onClick"];
+const _hoisted_2$7 = { class: "mt-4" };
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -1326,18 +1034,18 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                 activeTab.value === tab.key ? variantClasses[__props.variant].active : variantClasses[__props.variant].inactive
               ]),
               onClick: ($event) => selectTab(tab)
-            }, vue.toDisplayString(tab.label), 11, _hoisted_1$7);
+            }, vue.toDisplayString(tab.label), 11, _hoisted_1$a);
           }), 128))
         ], 2),
-        vue.createElementVNode("div", _hoisted_2$4, [
+        vue.createElementVNode("div", _hoisted_2$7, [
           vue.renderSlot(_ctx.$slots, "default", { activeTab: activeTab.value })
         ])
       ]);
     };
   }
 });
-const _hoisted_1$6 = { role: "tabpanel" };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$9 = { role: "tabpanel" };
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "TabPanel",
   props: {
     value: {}
@@ -1347,7 +1055,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     const activeTab = vue.inject("activeTab");
     const isActive = vue.computed(() => (activeTab == null ? void 0 : activeTab.value) === props.value);
     return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
         vue.renderSlot(_ctx.$slots, "default")
       ], 512)), [
         [vue.vShow, isActive.value]
@@ -1355,11 +1063,11 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$8 = {
   key: 2,
   class: "text-sm font-semibold"
 };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "Stepper",
   props: {
     steps: {},
@@ -1371,12 +1079,12 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const getCurrentStepIndex = () => {
       if (props.modelValue === void 0) return 0;
-      const index = props.steps.findIndex((s) => s.key === props.modelValue);
-      return index >= 0 ? index : 0;
+      const index2 = props.steps.findIndex((s) => s.key === props.modelValue);
+      return index2 >= 0 ? index2 : 0;
     };
-    const isStepComplete = (index) => index < getCurrentStepIndex();
-    const isStepActive = (index) => index === getCurrentStepIndex();
-    const isStepPending = (index) => index > getCurrentStepIndex();
+    const isStepComplete = (index2) => index2 < getCurrentStepIndex();
+    const isStepActive = (index2) => index2 === getCurrentStepIndex();
+    const isStepPending = (index2) => index2 > getCurrentStepIndex();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass([
@@ -1402,7 +1110,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": "true"
             }, null, 4)
           ], 64)) : vue.createCommentVNode("", true),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.steps, (step, index) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.steps, (step, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: step.key,
               class: vue.normalizeClass([
@@ -1410,17 +1118,17 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                 __props.orientation === "horizontal" ? "flex flex-1 flex-col items-center" : "flex items-start gap-4"
               ])
             }, [
-              __props.orientation === "vertical" && index < __props.steps.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+              __props.orientation === "vertical" && index2 < __props.steps.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                class: vue.normalizeClass(["absolute left-6 top-12 h-full w-0.5 -translate-x-1/2", isStepComplete(index) ? "bg-primary" : "bg-gray-200 dark:bg-gray-700"])
+                class: vue.normalizeClass(["absolute left-6 top-12 h-full w-0.5 -translate-x-1/2", isStepComplete(index2) ? "bg-primary" : "bg-gray-200 dark:bg-gray-700"])
               }, null, 2)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(["relative z-10 flex size-12 shrink-0 items-center justify-center rounded-full border-2 transition-all duration-300", {
-                  "border-primary bg-primary text-white shadow-lg": isStepActive(index) || isStepComplete(index),
-                  "border-gray-300 bg-white text-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-500": isStepPending(index)
+                  "border-primary bg-primary text-white shadow-lg": isStepActive(index2) || isStepComplete(index2),
+                  "border-gray-300 bg-white text-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-500": isStepPending(index2)
                 }])
               }, [
-                isStepComplete(index) ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+                isStepComplete(index2) ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
                   key: 0,
                   icon: "lucide:check",
                   class: "size-6"
@@ -1428,7 +1136,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                   key: 1,
                   icon: step.icon,
                   class: "size-6"
-                }, null, 8, ["icon"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$5, vue.toDisplayString(index + 1), 1))
+                }, null, 8, ["icon"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$8, vue.toDisplayString(index2 + 1), 1))
               ], 2),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([
@@ -1437,15 +1145,15 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
               }, [
                 vue.createElementVNode("p", {
                   class: vue.normalizeClass(["text-sm font-semibold transition-colors", {
-                    "text-primary dark:text-primary": isStepActive(index) || isStepComplete(index),
-                    "text-gray-500 dark:text-gray-400": isStepPending(index)
+                    "text-primary dark:text-primary": isStepActive(index2) || isStepComplete(index2),
+                    "text-gray-500 dark:text-gray-400": isStepPending(index2)
                   }])
                 }, vue.toDisplayString(step.title), 3),
                 step.description ? (vue.openBlock(), vue.createElementBlock("p", {
                   key: 0,
                   class: vue.normalizeClass(["mt-1 text-xs", {
-                    "text-gray-600 dark:text-gray-300": isStepActive(index),
-                    "text-gray-500 dark:text-gray-400": !isStepActive(index)
+                    "text-gray-600 dark:text-gray-300": isStepActive(index2),
+                    "text-gray-500 dark:text-gray-400": !isStepActive(index2)
                   }])
                 }, vue.toDisplayString(step.description), 3)) : vue.createCommentVNode("", true)
               ], 2)
@@ -1456,7 +1164,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "CollapsibleCard",
   props: {
     title: {},
@@ -1552,16 +1260,20 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$7 = ["aria-describedby"];
+const _hoisted_2$6 = ["id"];
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "Tooltip",
   props: {
     content: {},
     position: { default: "top" },
     delay: { default: 0 },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false },
+    id: {}
   },
   setup(__props) {
     const props = __props;
+    const { id: tooltipId } = useId.useId({ prefix: "tooltip", id: props.id });
     const isVisible = vue.ref(false);
     let timeoutId = null;
     const show = () => {
@@ -1600,6 +1312,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "relative inline-block",
+        "aria-describedby": __props.content && !__props.disabled ? vue.unref(tooltipId) : void 0,
         onMouseenter: show,
         onMouseleave: hide,
         onFocus: show,
@@ -1617,26 +1330,33 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => [
             isVisible.value && __props.content ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
+              id: vue.unref(tooltipId),
               class: vue.normalizeClass(positionClasses.value),
               role: "tooltip"
-            }, vue.toDisplayString(__props.content), 3)) : vue.createCommentVNode("", true)
+            }, vue.toDisplayString(__props.content), 11, _hoisted_2$6)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         })
-      ], 32);
+      ], 40, _hoisted_1$7);
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$6 = ["id", "aria-expanded", "aria-controls"];
+const _hoisted_2$5 = ["id", "aria-labelledby"];
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "Popover",
   props: {
     position: { default: "bottom" },
     hover: { type: Boolean, default: false },
     teleport: { type: Boolean, default: true },
-    width: { default: "auto" }
+    width: { default: "auto" },
+    id: {}
   },
   setup(__props) {
     const props = __props;
+    const { related } = useId.useId({ prefix: "popover", id: props.id });
+    const triggerId = vue.computed(() => related("trigger"));
+    const popoverId = vue.computed(() => related("content"));
     const triggerRef = vue.ref();
     const popoverRef = vue.ref();
     const { isOpen, dropdownStyle, toggle, close, open } = useDropdown.useDropdown(triggerRef, popoverRef, {
@@ -1673,10 +1393,13 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
+          id: triggerId.value,
+          "aria-expanded": vue.unref(isOpen),
+          "aria-controls": popoverId.value,
           onClick: handleTrigger
         }, [
           vue.renderSlot(_ctx.$slots, "trigger")
-        ], 512),
+        ], 8, _hoisted_1$6),
         (vue.openBlock(), vue.createBlock(vue.Teleport, {
           to: "body",
           disabled: !__props.teleport
@@ -1692,8 +1415,11 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
             default: vue.withCtx(() => [
               vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
+                id: popoverId.value,
                 ref_key: "popoverRef",
                 ref: popoverRef,
+                role: "dialog",
+                "aria-labelledby": triggerId.value,
                 style: vue.normalizeStyle(vue.unref(dropdownStyle)),
                 class: vue.normalizeClass([
                   "z-[9999] rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-700 dark:bg-gray-800",
@@ -1701,7 +1427,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                 ])
               }, [
                 vue.renderSlot(_ctx.$slots, "default", { close: vue.unref(close) })
-              ], 6)) : vue.createCommentVNode("", true)
+              ], 14, _hoisted_2$5)) : vue.createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -1710,17 +1436,17 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$4 = {
+const _hoisted_1$5 = {
   key: 0,
   class: "flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700"
 };
-const _hoisted_2$3 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
+const _hoisted_2$4 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
 const _hoisted_3$2 = { class: "flex-1 overflow-y-auto p-4" };
 const _hoisted_4$2 = {
   key: 1,
   class: "px-4 py-3 border-t border-gray-200 dark:border-gray-700"
 };
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean },
@@ -1839,9 +1565,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               role: "dialog",
               "aria-modal": "true"
             }, [
-              __props.title || __props.showClose || _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+              __props.title || __props.showClose || _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
                 vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                  vue.createElementVNode("h2", _hoisted_2$3, vue.toDisplayString(__props.title), 1)
+                  vue.createElementVNode("h2", _hoisted_2$4, vue.toDisplayString(__props.title), 1)
                 ]),
                 __props.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
                   key: 0,
@@ -1869,9 +1595,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { "aria-label": "Breadcrumb" };
-const _hoisted_2$2 = { class: "flex items-center flex-wrap gap-1 text-sm" };
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$4 = { "aria-label": "Breadcrumb" };
+const _hoisted_2$3 = { class: "flex items-center flex-wrap gap-1 text-sm" };
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "Breadcrumb",
   props: {
     items: {},
@@ -1882,14 +1608,14 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$3, [
-        vue.createElementVNode("ol", _hoisted_2$2, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index) => {
+      return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$4, [
+        vue.createElementVNode("ol", _hoisted_2$3, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index2) => {
             return vue.openBlock(), vue.createElementBlock("li", {
-              key: index,
+              key: index2,
               class: "flex items-center"
             }, [
-              index > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+              index2 > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
                 key: 0,
                 icon: __props.separator,
                 class: "w-4 h-4 mx-2 text-gray-400 dark:text-gray-500 flex-shrink-0"
@@ -1899,13 +1625,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                 href: item.href,
                 class: vue.normalizeClass([
                   "flex items-center gap-1.5 transition-colors",
-                  index === __props.items.length - 1 ? "text-gray-900 dark:text-white font-medium cursor-default" : "text-gray-500 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400"
+                  index2 === __props.items.length - 1 ? "text-gray-900 dark:text-white font-medium cursor-default" : "text-gray-500 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400"
                 ]),
-                "aria-current": index === __props.items.length - 1 ? "page" : void 0,
-                onClick: ($event) => _ctx.$emit("click", item, index)
+                "aria-current": index2 === __props.items.length - 1 ? "page" : void 0,
+                onClick: ($event) => _ctx.$emit("click", item, index2)
               }, {
                 default: vue.withCtx(() => [
-                  index === 0 && __props.showHomeIcon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+                  index2 === 0 && __props.showHomeIcon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
                     key: 0,
                     icon: item.icon || __props.homeIcon,
                     class: "w-4 h-4"
@@ -1925,8 +1651,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { class: "divide-y divide-gray-200 dark:divide-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden" };
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$3 = { class: "divide-y divide-gray-200 dark:divide-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden" };
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   props: {
     mode: { default: "single" },
@@ -1952,26 +1678,30 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       isOpen
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
         vue.renderSlot(_ctx.$slots, "default")
       ]);
     };
   }
 });
-const _hoisted_1$1 = ["disabled", "aria-expanded"];
-const _hoisted_2$1 = { class: "flex items-center gap-2 font-medium" };
-const _hoisted_3$1 = { class: "overflow-hidden" };
+const _hoisted_1$2 = ["id", "disabled", "aria-expanded", "aria-controls"];
+const _hoisted_2$2 = { class: "flex items-center gap-2 font-medium" };
+const _hoisted_3$1 = ["id", "aria-labelledby"];
 const _hoisted_4$1 = { class: "px-4 py-3 bg-gray-50 dark:bg-gray-900 text-gray-700 dark:text-gray-300" };
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     itemKey: {},
     title: {},
     icon: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    id: {}
   },
   setup(__props) {
     const props = __props;
+    const { related } = useId.useId({ prefix: "accordion", id: props.id });
+    const headerId = vue.computed(() => related("header"));
+    const panelId = vue.computed(() => related("panel"));
     const accordion = vue.inject("accordion");
     const isOpen = vue.computed(() => (accordion == null ? void 0 : accordion.isOpen(props.itemKey)) ?? false);
     const toggle = () => {
@@ -1982,27 +1712,31 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createElementVNode("button", {
+          id: headerId.value,
           type: "button",
           class: vue.normalizeClass(["flex items-center justify-between w-full px-4 py-3 text-left transition-colors", [
             __props.disabled ? "bg-gray-50 text-gray-400 cursor-not-allowed dark:bg-gray-800 dark:text-gray-500" : "bg-white hover:bg-gray-50 text-gray-900 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white"
           ]]),
           disabled: __props.disabled,
           "aria-expanded": isOpen.value,
+          "aria-controls": panelId.value,
           onClick: toggle
         }, [
-          vue.createElementVNode("span", _hoisted_2$1, [
+          vue.createElementVNode("span", _hoisted_2$2, [
             __props.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
               key: 0,
               icon: __props.icon,
-              class: "w-5 h-5"
+              class: "w-5 h-5",
+              "aria-hidden": "true"
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
             vue.createTextVNode(" " + vue.toDisplayString(__props.title), 1)
           ]),
           vue.createVNode(vue.unref(vue$1.Icon), {
             icon: "heroicons:chevron-down",
-            class: vue.normalizeClass(["w-5 h-5 transition-transform duration-200", { "rotate-180": isOpen.value }])
+            class: vue.normalizeClass(["w-5 h-5 transition-transform duration-200", { "rotate-180": isOpen.value }]),
+            "aria-hidden": "true"
           }, null, 8, ["class"])
-        ], 10, _hoisted_1$1),
+        ], 10, _hoisted_1$2),
         vue.createVNode(vue.Transition, {
           "enter-active-class": "transition-all duration-200 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -2012,11 +1746,16 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           "leave-to-class": "opacity-0 max-h-0"
         }, {
           default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("div", _hoisted_3$1, [
+            vue.withDirectives(vue.createElementVNode("div", {
+              id: panelId.value,
+              role: "region",
+              "aria-labelledby": headerId.value,
+              class: "overflow-hidden"
+            }, [
               vue.createElementVNode("div", _hoisted_4$1, [
                 vue.renderSlot(_ctx.$slots, "default")
               ])
-            ], 512), [
+            ], 8, _hoisted_3$1), [
               [vue.vShow, isOpen.value]
             ])
           ]),
@@ -2026,11 +1765,11 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1 = {
+const _hoisted_1$1 = {
   key: 0,
   class: "relative"
 };
-const _hoisted_2 = { class: "flex items-start gap-4" };
+const _hoisted_2$1 = { class: "flex items-start gap-4" };
 const _hoisted_3 = { class: "flex-1 min-w-0 pt-0.5" };
 const _hoisted_4 = { class: "flex items-center justify-between gap-2" };
 const _hoisted_5 = { class: "text-sm font-medium text-gray-900 dark:text-white" };
@@ -2053,7 +1792,7 @@ const _hoisted_12 = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-gray-400"
 };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "Timeline",
   props: {
     items: {},
@@ -2099,17 +1838,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return __props.orientation === "vertical" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index) => {
+      return __props.orientation === "vertical" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index2) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: item.key,
             class: "relative pb-8 last:pb-0"
           }, [
-            index < __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+            index2 < __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: vue.normalizeClass(["absolute left-4 top-8 w-0.5 h-full -ml-px", getStatusClasses(item.status).line])
             }, null, 2)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_2, [
+            vue.createElementVNode("div", _hoisted_2$1, [
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(["relative z-10 flex items-center justify-center w-8 h-8 rounded-full flex-shrink-0", getStatusClasses(item.status).dot])
               }, [
@@ -2131,10 +1870,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]);
         }), 128))
       ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index2) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: item.key,
-            class: vue.normalizeClass(["flex flex-col items-center flex-shrink-0", { "flex-1": index < __props.items.length - 1 }])
+            class: vue.normalizeClass(["flex flex-col items-center flex-shrink-0", { "flex-1": index2 < __props.items.length - 1 }])
           }, [
             vue.createElementVNode("div", _hoisted_9, [
               vue.createElementVNode("div", {
@@ -2146,7 +1885,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(["w-4 h-4", getStatusClasses(item.status).icon])
                 }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true)
               ], 2),
-              index < __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+              index2 < __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 class: vue.normalizeClass(["flex-1 h-0.5 mx-2", getStatusClasses(item.status).line])
               }, null, 2)) : vue.createCommentVNode("", true)
@@ -2161,6 +1900,51 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = {
+  key: 0,
+  class: "text-sm font-medium"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "DarkModeToggle",
+  props: {
+    size: { default: "md" },
+    lightIcon: { default: "lucide:sun" },
+    darkIcon: { default: "lucide:moon" },
+    showLabel: { type: Boolean, default: false },
+    storageKey: { default: "dark-mode" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { isDark, toggle } = useDarkMode.useDarkMode({ storageKey: props.storageKey });
+    const sizeClasses = {
+      sm: { button: "p-1.5", icon: "h-4 w-4" },
+      md: { button: "p-2", icon: "h-5 w-5" },
+      lg: { button: "p-2.5", icon: "h-6 w-6" }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        type: "button",
+        class: vue.normalizeClass([
+          sizeClasses[__props.size].button,
+          "inline-flex items-center gap-2 rounded-lg transition-colors",
+          "text-gray-600 hover:bg-gray-100 hover:text-gray-900",
+          "dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-100",
+          "focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
+        ]),
+        "aria-label": vue.unref(isDark) ? "Switch to light mode" : "Switch to dark mode",
+        onClick: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => vue.unref(toggle) && vue.unref(toggle)(...args))
+      }, [
+        vue.createVNode(vue.unref(vue$1.Icon), {
+          icon: vue.unref(isDark) ? __props.darkIcon : __props.lightIcon,
+          class: vue.normalizeClass(sizeClasses[__props.size].icon)
+        }, null, 8, ["icon", "class"]),
+        __props.showLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(isDark) ? "Dark" : "Light"), 1)) : vue.createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
 exports._sfc_main = _sfc_main$i;
 exports._sfc_main$1 = _sfc_main$h;
 exports._sfc_main$10 = _sfc_main$8;
@@ -2180,4 +1964,4 @@ exports._sfc_main$6 = _sfc_main$c;
 exports._sfc_main$7 = _sfc_main$b;
 exports._sfc_main$8 = _sfc_main$a;
 exports._sfc_main$9 = _sfc_main$9;
-//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-C5SKEGPG.cjs.map
+//# sourceMappingURL=DarkModeToggle.vue_vue_type_script_setup_true_lang-CSxGvdSP.cjs.map