cisse-vue-ui 0.5.22 → 0.5.24

package/dist/{DarkModeToggle.vue_vue_type_script_setup_true_lang-BoB48313.cjs → DarkModeToggle.vue_vue_type_script_setup_true_lang-De0C6hnN.cjs}

@@ -1,16 +1,17 @@
 "use strict";
 const vue = require("vue");
-const index = require("./index-D7HVSFi2.cjs");
-const Button_vue_vue_type_script_setup_true_lang = require("./Button.vue_vue_type_script_setup_true_lang-DrGM65ny.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-B3pJ5qJ7.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 useId = require("./useId-nxrBaIC9.cjs");
 const useDarkMode = require("./useDarkMode-DLZcJEUQ.cjs");
-const _hoisted_1$d = {
+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$a = { 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"
@@ -42,7 +43,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
         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$d, [
+      }, 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])
@@ -52,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$a, [
+          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])
@@ -76,8 +77,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "overflow-hidden" };
-const _hoisted_2$9 = {
+const _hoisted_1$e = { class: "overflow-hidden" };
+const _hoisted_2$b = {
   key: 1,
   class: "overflow-x-auto"
 };
@@ -211,12 +212,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       return props.sortBy === property.name;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+      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$9, [
+        }, 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, [
@@ -322,8 +323,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "space-y-3" };
-const _hoisted_2$8 = { 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,
@@ -332,14 +333,14 @@ const _hoisted_4$4 = {
 const _hoisted_5$2 = { class: "p-4 flex items-center gap-4" };
 const _hoisted_6$2 = {
   key: 0,
-  class: "flex-shrink-0"
+  class: "shrink-0"
 };
 const _hoisted_7$2 = {
   key: 1,
   class: "w-5 h-5"
 };
 const _hoisted_8$2 = { class: "flex-1 min-w-0 overflow-hidden" };
-const _hoisted_9$2 = { class: "flex-shrink-0" };
+const _hoisted_9$2 = { class: "shrink-0" };
 const _hoisted_10$1 = { key: 1 };
 const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "MobileList",
@@ -390,7 +391,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
     const hasEmptySlot = vue.computed(() => !!slots.empty);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+      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(Button_vue_vue_type_script_setup_true_lang._sfc_main$3, {
@@ -404,7 +405,7 @@ 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$8, [
+              vue.createElementVNode("div", _hoisted_2$a, [
                 vue.createVNode(index._sfc_main, {
                   "model-value": allSelected.value,
                   indeterminate: someSelected.value,
@@ -589,11 +590,11 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$c = {
   key: 0,
   class: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
 };
-const _hoisted_2$7 = { class: "relative" };
+const _hoisted_2$9 = { class: "relative" };
 const _hoisted_3$4 = ["disabled", "placeholder"];
 const _hoisted_4$3 = ["disabled"];
 const _hoisted_5$1 = {
@@ -709,8 +710,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         ref: containerRef,
         class: "autocomplete-container"
       }, [
-        __props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$a, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2$7, [
+        __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,
@@ -780,7 +781,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                   ref: dropdownRef,
                   style: vue.normalizeStyle(vue.unref(dropdownStyle)),
                   class: vue.normalizeClass([
-                    "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",
+                    "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",
                     !__props.teleport && "absolute mt-2 w-full"
                   ])
                 }, [
@@ -885,8 +886,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "relative inline-block" };
-const _hoisted_2$6 = ["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$c = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
@@ -934,7 +935,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     });
     const showImage = vue.computed(() => props.src && !imageError.value);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+      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",
@@ -948,7 +949,7 @@ const _sfc_main$c = /* @__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$6)) : 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"
@@ -966,8 +967,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["aria-selected", "disabled", "onClick"];
-const _hoisted_2$5 = { class: "mt-4" };
+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: {
@@ -1033,17 +1034,17 @@ const _sfc_main$b = /* @__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$8);
+            }, vue.toDisplayString(tab.label), 11, _hoisted_1$a);
           }), 128))
         ], 2),
-        vue.createElementVNode("div", _hoisted_2$5, [
+        vue.createElementVNode("div", _hoisted_2$7, [
           vue.renderSlot(_ctx.$slots, "default", { activeTab: activeTab.value })
         ])
       ]);
     };
   }
 });
-const _hoisted_1$7 = { role: "tabpanel" };
+const _hoisted_1$9 = { role: "tabpanel" };
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "TabPanel",
   props: {
@@ -1054,7 +1055,7 @@ const _sfc_main$a = /* @__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$7, [
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
         vue.renderSlot(_ctx.$slots, "default")
       ], 512)), [
         [vue.vShow, isActive.value]
@@ -1062,7 +1063,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$6 = {
+const _hoisted_1$8 = {
   key: 2,
   class: "text-sm font-semibold"
 };
@@ -1135,7 +1136,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                   key: 1,
                   icon: step.icon,
                   class: "size-6"
-                }, null, 8, ["icon"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$6, vue.toDisplayString(index2 + 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([
@@ -1259,16 +1260,20 @@ const _sfc_main$8 = /* @__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 = () => {
@@ -1307,6 +1312,7 @@ const _sfc_main$7 = /* @__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,
@@ -1324,26 +1330,33 @@ const _sfc_main$7 = /* @__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 _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, {
@@ -1366,7 +1379,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const widthClasses = {
-      auto: "w-auto min-w-[12rem]",
+      auto: "w-auto min-w-48",
       sm: "w-48",
       md: "w-64",
       lg: "w-80"
@@ -1380,10 +1393,13 @@ const _sfc_main$6 = /* @__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
@@ -1399,16 +1415,19 @@ const _sfc_main$6 = /* @__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",
+                  "z-9999 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-700 dark:bg-gray-800",
                   widthClasses[__props.width]
                 ])
               }, [
                 vue.renderSlot(_ctx.$slots, "default", { close: vue.unref(close) })
-              ], 6)) : vue.createCommentVNode("", true)
+              ], 14, _hoisted_2$5)) : vue.createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -1478,7 +1497,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         sm: isHorizontal ? "w-64" : "h-32",
         md: isHorizontal ? "w-80" : "h-48",
         lg: isHorizontal ? "w-96" : "h-64",
-        xl: isHorizontal ? "w-[32rem]" : "h-96",
+        xl: isHorizontal ? "w-lg" : "h-96",
         full: isHorizontal ? "w-screen" : "h-screen"
       };
       return sizes[props.size];
@@ -1599,7 +1618,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               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"
+                class: "w-4 h-4 mx-2 text-gray-400 dark:text-gray-500 shrink-0"
               }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.to ? "router-link" : item.href ? "a" : "span"), {
                 to: item.to,
@@ -1665,9 +1684,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$2 = ["disabled", "aria-expanded"];
+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 = { class: "overflow-hidden" };
+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$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
@@ -1675,10 +1694,14 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     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 = () => {
@@ -1689,25 +1712,29 @@ const _sfc_main$2 = /* @__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$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$2),
         vue.createVNode(vue.Transition, {
@@ -1719,11 +1746,16 @@ const _sfc_main$2 = /* @__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]
             ])
           ]),
@@ -1818,7 +1850,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
             }, null, 2)) : vue.createCommentVNode("", true),
             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])
+                class: vue.normalizeClass(["relative z-10 flex items-center justify-center w-8 h-8 rounded-full shrink-0", getStatusClasses(item.status).dot])
               }, [
                 item.icon || getDefaultIcon(item.status) ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
                   key: 0,
@@ -1841,11 +1873,11 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         (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": index2 < __props.items.length - 1 }])
+            class: vue.normalizeClass(["flex flex-col items-center shrink-0", { "flex-1": index2 < __props.items.length - 1 }])
           }, [
             vue.createElementVNode("div", _hoisted_9, [
               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])
+                class: vue.normalizeClass(["relative z-10 flex items-center justify-center w-8 h-8 rounded-full shrink-0", getStatusClasses(item.status).dot])
               }, [
                 item.icon || getDefaultIcon(item.status) ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
                   key: 0,
@@ -1932,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=DarkModeToggle.vue_vue_type_script_setup_true_lang-BoB48313.cjs.map
+//# sourceMappingURL=DarkModeToggle.vue_vue_type_script_setup_true_lang-De0C6hnN.cjs.map