@uniweb/kit 0.5.9 → 0.5.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/kit",
-  "version": "0.5.9",
+  "version": "0.5.11",
   "description": "Standard component library for Uniweb foundations",
   "type": "module",
   "exports": {

package/src/styled/Section/renderers/Code.jsx

@@ -104,16 +104,13 @@ async function loadShiki() {
 
   shikiLoadPromise = (async () => {
     try {
-      // Import Shiki and the css-variables theme (not bundled by default in Shiki 3.x)
-      const [{ createHighlighter }, cssVariablesTheme] = await Promise.all([
-        import('shiki'),
-        import('shiki/themes/css-variables.mjs').then(m => m.default)
-      ])
+      // Use shiki/bundle/full for access to all themes
+      const { createHighlighter } = await import('shiki/bundle/full')
 
-      // Create highlighter with CSS variables theme
+      // Create highlighter with github-dark theme (bundled, looks good for code)
       // Only load common languages initially, others load on-demand
       shikiInstance = await createHighlighter({
-        themes: [cssVariablesTheme],
+        themes: ['github-dark'],
         langs: [
           'javascript',
           'typescript',
@@ -159,14 +156,14 @@ async function highlightCode(code, language, highlighter) {
         // Language not available, fall back to plaintext
         return highlighter.codeToHtml(code, {
           lang: 'plaintext',
-          theme: 'css-variables',
+          theme: 'github-dark',
         })
       }
     }
 
     return highlighter.codeToHtml(code, {
       lang: lang === 'plaintext' ? 'text' : lang,
-      theme: 'css-variables',
+      theme: 'github-dark',
     })
   } catch (error) {
     console.warn('[Code] Highlighting failed:', error)

package/src/styled/SidebarLayout/SidebarLayout.jsx

@@ -168,11 +168,11 @@ function getBreakpointClasses(breakpoint) {
  * SidebarLayout main component
  *
  * @param {Object} props
- * @param {React.ReactNode} props.header - Header content (from @header sections)
+ * @param {React.ReactNode} props.header - Header content (from layout/header.md)
  * @param {React.ReactNode} props.body - Main body content (page sections)
- * @param {React.ReactNode} props.footer - Footer content (from @footer sections)
- * @param {React.ReactNode} props.left - Left panel content (from @left sections)
- * @param {React.ReactNode} props.right - Right panel content (from @right sections)
+ * @param {React.ReactNode} props.footer - Footer content (from layout/footer.md)
+ * @param {React.ReactNode} props.left - Left panel content (from layout/left.md)
+ * @param {React.ReactNode} props.right - Right panel content (from layout/right.md)
  * @param {React.ReactNode} props.leftPanel - Alias for left (backwards compatibility)
  * @param {React.ReactNode} props.rightPanel - Alias for right (backwards compatibility)
  * @param {string} [props.leftWidth='w-64'] - Tailwind width class for left sidebar