@cypress-design/vue-docmenu 0.2.2 → 0.3.0

package/.turbo/turbo-build.log

@@ -3,11 +3,11 @@ $ yarn vite build
 $ /home/runner/work/cypress-design/cypress-design/node_modules/.bin/vite build
 vite v4.3.9 building for production...
 transforming...
-✓ 9 modules transformed.
+✓ 8 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.es.mjs  7.29 kB │ gzip: 2.56 kB │ map: 292.59 kB
-dist/index.umd.js  6.25 kB │ gzip: 2.34 kB │ map: 292.23 kB
-✓ built in 4.31s
+dist/index.es.mjs  6.04 kB │ gzip: 2.03 kB │ map: 4.72 kB
+dist/index.umd.js  5.04 kB │ gzip: 1.78 kB │ map: 4.53 kB
+✓ built in 4.51s
 $ yarn vue-tsc --project ./tsconfig.build.json
 $ /home/runner/work/cypress-design/cypress-design/node_modules/.bin/vue-tsc --project ./tsconfig.build.json

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @cypress-design/vue-docmenu
 
+## 0.3.0
+
+### Minor Changes
+
+- [#272](https://github.com/cypress-io/cypress-design/pull/272) [`9a3e358`](https://github.com/cypress-io/cypress-design/commit/9a3e3582b8ca2dfdadd9198054042c9f0083be01) Thanks [@elevatebart](https://github.com/elevatebart)! - remove dark mode implementation to avoid wrong side effects
+
 ## 0.2.2
 
 ### Patch Changes

package/_DocGroup.vue

@@ -68,7 +68,7 @@ const Head = computed(() =>
       {
         [classes.topButton]: depth === 0,
         [classes.leafButton]: depth,
-        'text-indigo-500 dark:text-indigo-200': props.group.active,
+        'text-indigo-500': props.group.active,
       },
     ]"
     :href="props.group.href"

package/_DocLink.vue

@@ -23,7 +23,7 @@ withDefaults(
     <a
       class="group relative block w-full pl-[24px]"
       :class="{
-        'text-indigo-500 dark:text-indigo-200': item.active,
+        'text-indigo-500': item.active,
         'py-[8px] text-[16px] leading-[24px]': depth < 0,
         'leading-[20px] text-[14px] py-[12px]': depth >= 0,
       }"

package/dist/DocMenu.vue.d.ts

@@ -1,33 +1,24 @@
 import { NavGroup, NavItemLink } from '@cypress-design/constants-docmenu';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    items: (NavItemLink | NavGroup)[];
-    collapsible?: boolean | undefined;
-}>, {
-    collapsible: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    items: (NavItemLink | NavGroup)[];
-    collapsible?: boolean | undefined;
-}>, {
-    collapsible: boolean;
-}>>>, {
+declare const _default: import("vue").DefineComponent<{
+    collapsible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    items: {
+        type: import("vue").PropType<(NavItemLink | NavGroup)[]>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    collapsible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    items: {
+        type: import("vue").PropType<(NavItemLink | NavGroup)[]>;
+        required: true;
+    };
+}>>, {
     collapsible: boolean;
 }, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 //# sourceMappingURL=DocMenu.vue.d.ts.map

package/dist/DocMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocMenu.vue.d.ts","sourceRoot":"","sources":["../DocMenu.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;;;;;;;;;;;;;;AAoHzE,wBAAkD;AAElD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"DocMenu.vue.d.ts","sourceRoot":"","sources":["../DocMenu.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;;;;;;;;;;;;;;;;;;;;;;AAgHzE,wBAAkD"}

package/dist/_DocGroup.vue.d.ts

@@ -1,37 +1,34 @@
 import { NavGroup } from '@cypress-design/constants-docmenu';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    group: NavGroup;
-    collapsible: boolean;
-    depth?: number | undefined;
-}>, {
-    depth: number;
-}>, {
+declare const _default: import("vue").DefineComponent<{
+    depth: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    collapsible: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    group: {
+        type: import("vue").PropType<NavGroup>;
+        required: true;
+    };
+}, {
     height: import("vue").ComputedRef<number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    group: NavGroup;
-    collapsible: boolean;
-    depth?: number | undefined;
-}>, {
-    depth: number;
-}>>>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    depth: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    collapsible: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    group: {
+        type: import("vue").PropType<NavGroup>;
+        required: true;
+    };
+}>>, {
     depth: number;
 }, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 //# sourceMappingURL=_DocGroup.vue.d.ts.map

package/dist/_DocGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_DocGroup.vue.d.ts","sourceRoot":"","sources":["../_DocGroup.vue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAW,MAAM,mCAAmC,CAAA;;;;;;;;;;;;;;;;;;AA6PrE,wBAAkD;AAElD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"_DocGroup.vue.d.ts","sourceRoot":"","sources":["../_DocGroup.vue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAW,MAAM,mCAAmC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmPrE,wBAAkD"}

package/dist/_DocLink.vue.d.ts

@@ -1,35 +1,32 @@
 import type { NavItemLink } from '@cypress-design/constants-docmenu';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    item: NavItemLink;
-    depth?: number | undefined;
-    collapsible: boolean;
-}>, {
-    depth: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    item: NavItemLink;
-    depth?: number | undefined;
-    collapsible: boolean;
-}>, {
-    depth: number;
-}>>>, {
+declare const _default: import("vue").DefineComponent<{
+    item: {
+        type: import("vue").PropType<NavItemLink>;
+        required: true;
+    };
+    depth: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    collapsible: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: import("vue").PropType<NavItemLink>;
+        required: true;
+    };
+    depth: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    collapsible: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+}>>, {
     depth: number;
 }, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 //# sourceMappingURL=_DocLink.vue.d.ts.map

package/dist/_DocLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_DocLink.vue.d.ts","sourceRoot":"","sources":["../_DocLink.vue.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;;;;;;;;;;;;;;;;AAmHpE,wBAAkD;AAElD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"_DocLink.vue.d.ts","sourceRoot":"","sources":["../_DocLink.vue.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GpE,wBAAkD"}

package/dist/index.es.mjs

@@ -1,209 +1,169 @@
-import { h as E, defineComponent as C, openBlock as r, createElementBlock as s, normalizeClass as m, createElementVNode as z, normalizeStyle as B, createCommentVNode as x, createTextVNode as O, toDisplayString as _, ref as $, computed as k, Fragment as f, createBlock as b, resolveDynamicComponent as G, unref as g, withCtx as I, withDirectives as L, renderList as D, createVNode as N, vShow as M } from "vue";
-import * as V from "@cypress-design/icon-registry";
-import { ICON_COLOR_PROP_NAMES as H } from "@cypress-design/icon-registry";
-const T = ({
-  body: p,
-  compiledClasses: e,
-  size: l,
-  ...o
-}) => {
-  const n = Object.keys(o).reduce(
-    (a, h) => (!H.includes(
-      h
-    ) && h !== "name" && (a[h] = o[h]), a),
-    {}
-  ), c = {
-    width: l,
-    height: l,
-    viewBox: `0 0 ${l} ${l}`,
-    fill: "none",
-    innerHTML: p,
-    class: void 0,
-    ...n
-    // add all standard attributes back to the svg tag
-  };
-  return e.length && (c.class = e.join(" ")), c;
-}, A = (p) => {
-  const { interactiveColorsOnGroup: e, name: l, ...o } = p, { sizeWithDefault: n, compiledClasses: c } = V.getComponentAttributes({
-    ...o,
-    availableSizes: ["8", "16"],
-    interactiveColorsOnGroup: e
-  }), a = {
-    8: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 2.5 3 3 3-3" class="icon-dark"/>',
-    16: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 6 4 4 4-4" class="icon-dark"/>'
-  }[n];
-  if (!a)
-    throw Error(`Icon "chevron-down-small" is not available in size ${n}`);
-  return E("svg", T({
-    ...o,
-    size: n,
-    body: a,
-    compiledClasses: c
-  }));
-}, y = {
+import { defineComponent as y, openBlock as t, createElementBlock as r, normalizeClass as i, createElementVNode as B, normalizeStyle as w, createCommentVNode as v, createTextVNode as $, toDisplayString as C, ref as x, computed as g, Fragment as u, createBlock as h, resolveDynamicComponent as E, unref as c, withCtx as G, withDirectives as H, renderList as D, createVNode as z, vShow as L } from "vue";
+import { IconChevronDownSmall as M } from "@cypress-design/vue-icon";
+const b = {
   button: "flex leading-[24px] py-[10px] items-center relative w-full",
   topButton: "leading-[24px] text-[16px] pl-[24px] font-medium",
   leafButton: "leading-[20px] text-[14px] pl-[40px]"
-}, P = ["href"], S = /* @__PURE__ */ C({
+}, T = ["href"], _ = /* @__PURE__ */ y({
   __name: "_DocLink",
   props: {
     item: {},
     depth: { default: -1 },
     collapsible: { type: Boolean }
   },
-  setup(p) {
-    return (e, l) => (r(), s("li", {
-      class: m(["list-none p-0", {
-        "pl-[16px]": e.depth >= 0
+  setup(f) {
+    return (l, o) => (t(), r("li", {
+      class: i(["list-none p-0", {
+        "pl-[16px]": l.depth >= 0
       }])
     }, [
-      z("a", {
-        class: m(["group relative block w-full pl-[24px]", {
-          "text-indigo-500 dark:text-indigo-200": e.item.active,
-          "py-[8px] text-[16px] leading-[24px]": e.depth < 0,
-          "leading-[20px] text-[14px] py-[12px]": e.depth >= 0
+      B("a", {
+        class: i(["group relative block w-full pl-[24px]", {
+          "text-indigo-500": l.item.active,
+          "py-[8px] text-[16px] leading-[24px]": l.depth < 0,
+          "leading-[20px] text-[14px] py-[12px]": l.depth >= 0
         }]),
-        href: e.item.href
+        href: l.item.href
       }, [
-        e.depth >= 0 ? (r(), s("div", {
+        l.depth >= 0 ? (t(), r("div", {
           key: 0,
-          class: m(["absolute h-[80%] top-[10%] w-[4px] z-10 rounded-full hidden", {
-            "group-hover:block bg-gray-300": !e.item.active && e.collapsible
+          class: i(["absolute h-[80%] top-[10%] w-[4px] z-10 rounded-full hidden", {
+            "group-hover:block bg-gray-300": !l.item.active && l.collapsible
           }]),
-          style: B({
-            left: `-${18.5 + e.depth * 7.5}px`
+          style: w({
+            left: `-${18.5 + l.depth * 7.5}px`
           })
-        }, null, 6)) : x("", !0),
-        O(" " + _(e.item.text), 1)
-      ], 10, P)
+        }, null, 6)) : v("", !0),
+        $(" " + C(l.item.text), 1)
+      ], 10, T)
     ], 2));
   }
-}), R = {
+}), F = {
   key: 0,
   class: "relative list-none p-0"
-}, j = /* @__PURE__ */ C({
+}, N = /* @__PURE__ */ y({
   __name: "_DocGroup",
   props: {
     group: {},
     collapsible: { type: Boolean },
     depth: { default: 0 }
   },
-  setup(p, { expose: e }) {
-    const l = p, o = $(l.depth === 0), n = $([]), c = k(() => n.value && o.value ? n.value.reduce(
-      (t, { height: u }) => t + u,
-      l.group.items.length
+  setup(f, { expose: l }) {
+    const o = f, p = x(o.depth === 0), d = x([]), S = g(() => d.value && p.value ? d.value.reduce(
+      (e, { height: s }) => e + s,
+      o.group.items.length
     ) : 0);
-    e({
-      height: c
+    l({
+      height: S
     });
-    const a = k(() => {
-      var w;
-      const t = l.group.items.findIndex(
-        (d) => "href" in d && d.active
+    const V = g(() => {
+      var k;
+      const e = o.group.items.findIndex(
+        (a) => "href" in a && a.active
       );
-      let u = l.group.items.filter(
-        (d, v) => !("href" in d) && v < t
+      let s = o.group.items.filter(
+        (a, m) => !("href" in a) && m < e
       ).length;
-      const i = (w = n.value) == null ? void 0 : w.reduce((d, v) => u < -1 ? d : (u--, d + v.height), 0);
-      return (t + i) * 44;
-    }), h = k(
-      () => l.collapsible ? "button" : l.group.href ? "a" : "div"
+      const n = (k = d.value) == null ? void 0 : k.reduce((a, m) => s < -1 ? a : (s--, a + m.height), 0);
+      return (e + n) * 44;
+    }), I = g(
+      () => o.collapsible ? "button" : o.group.href ? "a" : "div"
     );
-    return (t, u) => (r(), s(f, null, [
-      (r(), b(G(h.value), {
-        class: m([
-          g(y).button,
+    return (e, s) => (t(), r(u, null, [
+      (t(), h(E(I.value), {
+        class: i([
+          c(b).button,
           {
-            [g(y).topButton]: t.depth === 0,
-            [g(y).leafButton]: t.depth,
-            "text-indigo-500 dark:text-indigo-200": l.group.active
+            [c(b).topButton]: e.depth === 0,
+            [c(b).leafButton]: e.depth,
+            "text-indigo-500": o.group.active
           }
         ]),
-        href: l.group.href,
-        onClick: u[0] || (u[0] = () => {
-          t.collapsible && (o.value = !o.value);
+        href: o.group.href,
+        onClick: s[0] || (s[0] = () => {
+          e.collapsible && (p.value = !p.value);
         })
       }, {
-        default: I(() => [
-          l.collapsible ? (r(), b(g(A), {
+        default: G(() => [
+          o.collapsible ? (t(), h(c(M), {
             key: 0,
             "stroke-color": "gray-400",
-            size: t.depth ? "8" : "16",
-            class: m(["absolute left-0 transform transition-transform", {
-              "rotate-0": o.value,
-              "-rotate-90": !o.value,
-              "ml-[16px]": t.depth
+            size: e.depth ? "8" : "16",
+            class: i(["absolute left-0 transform transition-transform", {
+              "rotate-0": p.value,
+              "-rotate-90": !p.value,
+              "ml-[16px]": e.depth
             }])
-          }, null, 8, ["size", "class"])) : x("", !0),
-          O(" " + _(t.group.text), 1)
+          }, null, 8, ["size", "class"])) : v("", !0),
+          $(" " + C(e.group.text), 1)
         ]),
         _: 1
       }, 8, ["class", "href"])),
-      l.collapsible && t.depth >= 0 && o.value && t.group.items.some((i) => "href" in i && i.active) ? (r(), s("div", {
+      o.collapsible && e.depth >= 0 && p.value && e.group.items.some((n) => "href" in n && n.active) ? (t(), r("div", {
         key: 0,
         class: "absolute h-[36px] w-[4px] z-10 rounded-full bg-indigo-500 transition-all duration-300 ml-[6px] mt-[48px]",
-        style: B({
-          top: `${a.value}px`,
-          left: `-${t.depth === 0 ? 0 : t.depth * 7.5 + 1}px`
+        style: w({
+          top: `${V.value}px`,
+          left: `-${e.depth === 0 ? 0 : e.depth * 7.5 + 1}px`
         })
-      }, null, 4)) : x("", !0),
-      L(z("ul", {
-        class: m(["list-none p-0 ml-[7.5px]", {
-          "border-l border-gray-100": t.depth === 0 && l.collapsible
+      }, null, 4)) : v("", !0),
+      H(B("ul", {
+        class: i(["list-none p-0 ml-[7.5px]", {
+          "border-l border-gray-100": e.depth === 0 && o.collapsible
         }])
       }, [
-        (r(!0), s(f, null, D(t.group.items, (i) => (r(), s(f, null, [
-          i && "items" in i ? (r(), s("li", R, [
-            N(j, {
+        (t(!0), r(u, null, D(e.group.items, (n) => (t(), r(u, null, [
+          n && "items" in n ? (t(), r("li", F, [
+            z(N, {
               ref_for: !0,
               ref_key: "$groups",
-              ref: n,
-              group: i,
-              depth: t.depth + 1,
-              collapsible: l.collapsible
+              ref: d,
+              group: n,
+              depth: e.depth + 1,
+              collapsible: o.collapsible
             }, null, 8, ["group", "depth", "collapsible"])
-          ])) : (r(), b(S, {
+          ])) : (t(), h(_, {
             key: 1,
-            item: i,
-            depth: t.depth,
-            collapsible: t.collapsible
+            item: n,
+            depth: e.depth,
+            collapsible: e.collapsible
           }, null, 8, ["item", "depth", "collapsible"]))
         ], 64))), 256))
       ], 2), [
-        [M, o.value]
+        [L, p.value]
       ])
     ], 64));
   }
-}), F = { class: "overflow-y-hidden list-none p-0" }, W = {
+}), O = { class: "overflow-y-hidden list-none p-0" }, j = {
   key: 0,
   class: "relative list-none p-0"
-}, K = /* @__PURE__ */ C({
+}, J = /* @__PURE__ */ y({
   __name: "DocMenu",
   props: {
     items: {},
     collapsible: { type: Boolean, default: !0 }
   },
-  setup(p) {
-    return (e, l) => (r(), s("ul", F, [
-      (r(!0), s(f, null, D(e.items, (o) => (r(), s(f, null, [
-        "items" in o ? (r(), s("li", W, [
-          N(j, {
-            group: o,
+  setup(f) {
+    return (l, o) => (t(), r("ul", O, [
+      (t(!0), r(u, null, D(l.items, (p) => (t(), r(u, null, [
+        "items" in p ? (t(), r("li", j, [
+          z(N, {
+            group: p,
             depth: 0,
-            collapsible: e.collapsible
+            collapsible: l.collapsible
           }, null, 8, ["group", "collapsible"])
-        ])) : (r(), b(S, {
+        ])) : (t(), h(_, {
           key: 1,
-          item: o,
-          collapsible: e.collapsible
+          item: p,
+          collapsible: l.collapsible
         }, null, 8, ["item", "collapsible"]))
       ], 64))), 256))
     ]));
   }
 });
 export {
-  K as default
+  J as default
 };
 //# sourceMappingURL=index.es.mjs.map
 
-/* <wind-keep class="overflow-y-hidden list-none p-0 relative filter text-indigo-500 dark:text-indigo-200 absolute left-0 transform transition-transform rotate-0 -rotate-90 ml-[16px] h-[36px] w-[4px] z-10 rounded-full bg-indigo-500 transition-all duration-300 ml-[6px] mt-[48px] ml-[7.5px] border-l border-gray-100 text-indigo-200 pl-[16px] block w-full pl-[24px] py-[8px] text-[16px] leading-[24px] leading-[20px] text-[14px] py-[12px] h-[80%] top-[10%] hidden group-hover:block bg-gray-300 flex py-[10px] items-center font-medium pl-[40px]"> */
+/* <wind-keep class="overflow-y-hidden list-none p-0 relative filter text-indigo-500 absolute left-0 transform transition-transform rotate-0 -rotate-90 ml-[16px] h-[36px] w-[4px] z-10 rounded-full bg-indigo-500 transition-all duration-300 ml-[6px] mt-[48px] ml-[7.5px] border-l border-gray-100 icon-dark-gray-400 pl-[16px] block w-full pl-[24px] py-[8px] text-[16px] leading-[24px] leading-[20px] text-[14px] py-[12px] h-[80%] top-[10%] hidden group-hover:block bg-gray-300 flex py-[10px] items-center font-medium pl-[40px]"> */