refactor(collapse): update closeHeight logic

Adjust the logic for setting closeHeight to prioritize dataset values over options. Update import paths to reference the correct collapsible module. These changes improve code clarity and ensure consistent behavior.

Author: Johnkat-Mj

docs/package-lock.json

@@ -20,7 +20,7 @@
     "@astrojs/preact": "^4.0.2",
     "@astrojs/vercel": "^8.0.2",
     "@astrojs/vue": "^5.0.5",
-    "@flexilla/flexilla": "^2.1.4",
+    "@flexilla/flexilla": "^2.1.5",
     "@flexilla/utilities": "^2.0.71",
     "@fontsource/geist-sans": "^5.1.0",
     "@preact/signals": "^1.2.2",

docs/package.json

@@ -1,8 +1,6 @@
-import { Tabs,  Collapse, Dismissible, Popover, Dropdown, Tooltip, Modal, OffCanvas, AutoResizeTextArea } from "@flexilla/flexilla";
+import { Tabs,  Collapse, Dismissible, Popover, Dropdown, Accordion, Tooltip, Modal, OffCanvas, AutoResizeTextArea } from "@flexilla/flexilla";
 import { $, $$ } from "@flexilla/utilities";
 
-import { Accordion } from "./../../../../packages/accordion/src/index"
-
 
 const initTableOfContent = () => {
     const tabOfContentMob = $("[data-tabs-content]");

docs/src/assets/js/doc-script.ts

@@ -2,7 +2,7 @@
 import SEO from "./SEO.astro";
 import { type SeoType } from "@/types/index";
 import "@assets/css/global.css";
-import { ViewTransitions } from "astro:transitions";
+import { ClientRouter } from "astro:transitions";
 interface Props {
   seo: SeoType;
 }
@@ -17,7 +17,7 @@ const { seo } = Astro.props;
       <link rel="sitemap" href="/sitemap-index.xml" />
     </SEO>
 
-    <ViewTransitions />
+    <ClientRouter />
     <script is:inline>
       const initTheme = () => {
         const docEl = document.documentElement;

docs/src/layouts/BaseLayout.astro

@@ -1,6 +1,4 @@
 ---
-export const prerender = true;
-
 import { sidebarItemFlaterned } from "@helper/doc-helper";
 import { getCollection } from "astro:content";
 

docs/src/pages/docs/[...slug].astro

@@ -2,7 +2,7 @@
 import type { CollapseOptions } from "./types";
 
 import { $$, $, dispatchCustomEvent } from "@flexilla/utilities"
-import { expandElement, collapseElement, initCollapsible } from "./../../collapsible"
+import { expandElement, collapseElement, initCollapsible } from "./../../collapsible/src/collapsible"
 import {FlexillaManager} from "@flexilla/manager"
 
 /**
@@ -65,7 +65,7 @@ class Collapse {
 
         this.options = options
         this.defaultState = this.element.dataset.state ? (this.element.dataset.state === "open" ? "open" : "close") : this.options.defaultState || "close"
-        this.closeHeight = this.options.closeHeight || parseInt(this.element.dataset.closeHeight || "0") || 0
+        this.closeHeight = this.element.dataset.closeHeight ? parseInt(this.element.dataset.closeHeight || "0") : this.options.closeHeight ||  0
         this.initCollapse()
         FlexillaManager.register('collapse', this.element, this)
     }
@@ -133,7 +133,7 @@ class Collapse {
             this.collapseTrigger.addEventListener("click", this.toggle)
             this.collapseTrigger.ariaExpanded = this.defaultState === "open" ? "true" : "false"
         }
-        initCollapsible(this.element, this.defaultState, `${this.closeHeight}`)
+        initCollapsible(this.element, this.defaultState, `${this.closeHeight}px`)
     }
 
     /**