@stacksjs/components 0.2.130 → 0.2.132

package/dist/{Sidebar-vgckg8f7.stx → Sidebar-56px4jha.stx}

@@ -467,18 +467,7 @@ defineExpose({ collapsed, toggle: toggleCollapse, syncRouteSelection })
     <div class="relative z-10 min-h-0 flex-1">
       <div data-sidebar-scroll class="{{ scrollAreaClasses }} h-full stx-sidebar-scroll">
         @if(sectionList.length > 0)
-          <nav class="flex flex-col">
-            @foreach(sectionList as section)
-              <SidebarSection
-                :id="section.id"
-                :label="section.label"
-                :items="section.items"
-                :collapsible="section.collapsible"
-                :collapsed="section.collapsed"
-                :theme="theme"
-              />
-            @endforeach
-          </nav>
+          <SidebarSections :sections="sectionList" :theme="theme" />
         @else
           <slot />
         @endif

package/dist/{SidebarItem-9rvbwhxr.stx → SidebarItem-2a6n0be3.stx}

@@ -1,4 +1,4 @@
-<script server>
+<script server cache>
 import { resolveIconColor, resolveSidebarTheme } from './themes'
 
 export const id = $props.id || ''

package/dist/{SidebarSection-qf8fhy55.stx → SidebarSection-zd9z35ch.stx}

@@ -1,4 +1,4 @@
-<script server>
+<script server cache>
 import { resolveSidebarTheme } from './themes'
 
 export const id = $props.id || ''

package/dist/index.js

@@ -1,11 +1,11 @@
 // @bun
-// ../../../../../../../tmp/stx-components-build-rWAWMP/stubs/stub-0.js
+// ../../../../../../../tmp/stx-components-build-OwrhFC/stubs/stub-0.js
 var stub_0_default = { __stx: true, src: "./components/CodeBlock.stx" };
-// ../../../../../../../tmp/stx-components-build-rWAWMP/stubs/stub-1.js
+// ../../../../../../../tmp/stx-components-build-OwrhFC/stubs/stub-1.js
 var stub_1_default = { __stx: true, src: "./components/Footer.stx" };
-// ../../../../../../../tmp/stx-components-build-rWAWMP/stubs/stub-2.js
+// ../../../../../../../tmp/stx-components-build-OwrhFC/stubs/stub-2.js
 var stub_2_default = { __stx: true, src: "./components/Hero.stx" };
-// ../../../../../../../tmp/stx-components-build-rWAWMP/stubs/stub-3.js
+// ../../../../../../../tmp/stx-components-build-OwrhFC/stubs/stub-3.js
 var stub_3_default = { __stx: true, src: "./components/Installation.stx" };
 // src/composables/useCopyCode.ts
 function useCopyCode(options) {
@@ -1132,17 +1132,17 @@ var RadioGroupOption_default = "./RadioGroupOption-s1d6r221.stx";
 // src/ui/select/Select.stx
 var Select_default = "./Select-1vnd0brz.stx";
 // src/ui/sidebar/Sidebar.stx
-var Sidebar_default = "./Sidebar-vgckg8f7.stx";
+var Sidebar_default = "./Sidebar-56px4jha.stx";
 // src/ui/sidebar/SidebarFooter.stx
 var SidebarFooter_default = "./SidebarFooter-s7skj92y.stx";
 // src/ui/sidebar/SidebarHeader.stx
 var SidebarHeader_default = "./SidebarHeader-sa9mtdst.stx";
 // src/ui/sidebar/SidebarItem.stx
-var SidebarItem_default = "./SidebarItem-9rvbwhxr.stx";
+var SidebarItem_default = "./SidebarItem-2a6n0be3.stx";
 // src/ui/sidebar/SidebarPinned.stx
 var SidebarPinned_default = "./SidebarPinned-tvj28bm0.stx";
 // src/ui/sidebar/SidebarSection.stx
-var SidebarSection_default = "./SidebarSection-qf8fhy55.stx";
+var SidebarSection_default = "./SidebarSection-zd9z35ch.stx";
 // src/ui/sidebar/SidebarSpace.stx
 var SidebarSpace_default = "./SidebarSpace-61b662jx.stx";
 // src/ui/sidebar/SidebarSpaces.stx

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/components",
   "type": "module",
-  "version": "0.2.130",
+  "version": "0.2.132",
   "description": "A modern component library built with STX, featuring headwind utility classes and TypeScript syntax highlighting.",
   "author": "Chris Breuer <chris@stacksjs.org>",
   "license": "MIT",
@@ -63,8 +63,8 @@
   },
   "dependencies": {
     "@cwcss/crosswind": "^0.2.12",
-    "@stacksjs/stx": "0.2.130",
-    "bun-plugin-stx": "0.2.130",
+    "@stacksjs/stx": "0.2.132",
+    "bun-plugin-stx": "0.2.132",
     "ts-syntax-highlighter": "^0.2.1"
   },
   "devDependencies": {

package/src/ui/sidebar/Sidebar.stx

@@ -467,18 +467,7 @@ defineExpose({ collapsed, toggle: toggleCollapse, syncRouteSelection })
     <div class="relative z-10 min-h-0 flex-1">
       <div data-sidebar-scroll class="{{ scrollAreaClasses }} h-full stx-sidebar-scroll">
         @if(sectionList.length > 0)
-          <nav class="flex flex-col">
-            @foreach(sectionList as section)
-              <SidebarSection
-                :id="section.id"
-                :label="section.label"
-                :items="section.items"
-                :collapsible="section.collapsible"
-                :collapsed="section.collapsed"
-                :theme="theme"
-              />
-            @endforeach
-          </nav>
+          <SidebarSections :sections="sectionList" :theme="theme" />
         @else
           <slot />
         @endif

package/src/ui/sidebar/SidebarItem.stx

@@ -1,4 +1,4 @@
-<script server>
+<script server cache>
 import { resolveIconColor, resolveSidebarTheme } from './themes'
 
 export const id = $props.id || ''

package/src/ui/sidebar/SidebarSection.stx

@@ -1,4 +1,4 @@
-<script server>
+<script server cache>
 import { resolveSidebarTheme } from './themes'
 
 export const id = $props.id || ''

package/src/ui/sidebar/SidebarSections.stx

@@ -0,0 +1,17 @@
+<script server cache>
+export const sections = $props.sections || []
+export const theme = $props.theme || 'macos'
+</script>
+
+<nav class="flex flex-col">
+  @foreach(sections as section)
+    <SidebarSection
+      :id="section.id"
+      :label="section.label"
+      :items="section.items"
+      :collapsible="section.collapsible"
+      :collapsed="section.collapsed"
+      :theme="theme"
+    />
+  @endforeach
+</nav>