@classic-homes/theme-svelte 1.16.0 → 1.18.0

package/dist/lib/index.js

@@ -8,6 +8,7 @@
  */
 // Core UI Components
 export { default as Button } from './components/Button.svelte';
+export { buttonVariants } from './components/button-variants.js';
 export { default as Input } from './components/Input.svelte';
 export { default as PasswordInput } from './components/PasswordInput.svelte';
 export { default as Label } from './components/Label.svelte';

package/dist/lib/stores/sidebar.svelte.d.ts

@@ -13,6 +13,12 @@ declare class SidebarStore {
     expandedSections: Set<string>;
     expandedItems: Set<string>;
     pinnedItems: Set<string>;
+    /**
+     * Whether expand/collapse should animate. False until the frame after `initialize`,
+     * so restoring saved sections (and any defaults or reveals applied on mount) appears
+     * at once instead of every section sliding open on each page load.
+     */
+    animate: boolean;
     /**
      * Whether the store has been initialized
      */
@@ -59,13 +65,13 @@ declare class SidebarStore {
      */
     setMobile(isMobile: boolean): void;
     /**
-     * Toggle section expansion state
+     * Toggle section expansion state. When expanding, sections in `collapseOnExpand` close.
      */
-    toggleSection(sectionId: string): void;
+    toggleSection(sectionId: string, collapseOnExpand?: string[]): void;
     /**
-     * Toggle item expansion state
+     * Toggle item expansion state. When expanding, items in `collapseOnExpand` close.
      */
-    toggleItem(itemId: string): void;
+    toggleItem(itemId: string, collapseOnExpand?: string[]): void;
     /**
      * Check if a section is expanded
      */

package/dist/lib/stores/sidebar.svelte.js

@@ -27,6 +27,12 @@ class SidebarStore {
         this.expandedSections = $state(new Set());
         this.expandedItems = $state(new Set());
         this.pinnedItems = $state(new Set());
+        /**
+         * Whether expand/collapse should animate. False until the frame after `initialize`,
+         * so restoring saved sections (and any defaults or reveals applied on mount) appears
+         * at once instead of every section sliding open on each page load.
+         */
+        this.animate = $state(false);
         _SidebarStore_initialized.set(this, false);
         _SidebarStore_loadedFromStorage.set(this, false);
         _SidebarStore_loadedExpansionFromStorage.set(this, false);
@@ -114,6 +120,13 @@ class SidebarStore {
         catch {
             // localStorage not available
         }
+        // Two frames: effects that apply defaults run after this one, before the next paint.
+        if (typeof requestAnimationFrame === 'function') {
+            requestAnimationFrame(() => requestAnimationFrame(() => (this.animate = true)));
+        }
+        else {
+            this.animate = true;
+        }
     }
     /**
      * Get the current app ID
@@ -160,29 +173,37 @@ class SidebarStore {
         }
     }
     /**
-     * Toggle section expansion state
+     * Toggle section expansion state. When expanding, sections in `collapseOnExpand` close.
      */
-    toggleSection(sectionId) {
+    toggleSection(sectionId, collapseOnExpand = []) {
         const newSet = new Set(this.expandedSections);
         if (newSet.has(sectionId)) {
             newSet.delete(sectionId);
         }
         else {
             newSet.add(sectionId);
+            // Accordion behaviour: opening one closes these (its siblings)
+            for (const id of collapseOnExpand)
+                if (id !== sectionId)
+                    newSet.delete(id);
         }
         this.expandedSections = newSet;
         __classPrivateFieldGet(this, _SidebarStore_instances, "m", _SidebarStore_persistExpansion).call(this);
     }
     /**
-     * Toggle item expansion state
+     * Toggle item expansion state. When expanding, items in `collapseOnExpand` close.
      */
-    toggleItem(itemId) {
+    toggleItem(itemId, collapseOnExpand = []) {
         const newSet = new Set(this.expandedItems);
         if (newSet.has(itemId)) {
             newSet.delete(itemId);
         }
         else {
             newSet.add(itemId);
+            // Accordion behaviour: opening one closes these (its siblings)
+            for (const id of collapseOnExpand)
+                if (id !== itemId)
+                    newSet.delete(id);
         }
         this.expandedItems = newSet;
         __classPrivateFieldGet(this, _SidebarStore_instances, "m", _SidebarStore_persistExpansion).call(this);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/theme-svelte",
-  "version": "1.16.0",
+  "version": "1.18.0",
   "description": "Svelte components for the Classic theme system",
   "type": "module",
   "svelte": "./dist/lib/index.js",