@toteat-eng/ds-react 2026.7.10-1 → 2026.7.13

package/dist/components/SidebarNavSection/SidebarNavSection.d.ts

@@ -1,12 +1,28 @@
 import type { ReactNode } from "react";
-export interface SidebarNavSectionProps {
+interface SidebarNavSectionBaseProps {
     title: string;
     icon?: ReactNode;
     titleSuffix?: ReactNode;
-    defaultOpen?: boolean;
     isActive?: boolean;
     className?: string;
     children: ReactNode;
     "data-testid"?: string;
 }
-export declare function SidebarNavSection({ title, icon, titleSuffix, defaultOpen, isActive, className, children, "data-testid": testId, }: SidebarNavSectionProps): import("react/jsx-runtime").JSX.Element;
+interface UncontrolledSidebarNavSectionProps {
+    /** Initial open state (uncontrolled — the component owns open/close). */
+    defaultOpen?: boolean;
+    open?: undefined;
+    /** Fired on every trigger click. */
+    onToggle?: () => void;
+}
+interface ControlledSidebarNavSectionProps {
+    /** Controlled open state. The component renders from this and never mutates
+     *  internal state — the parent owns open/close (e.g. a single-open accordion). */
+    open: boolean;
+    /** Required in controlled mode so the parent can react to trigger clicks. */
+    onToggle: () => void;
+    defaultOpen?: never;
+}
+export type SidebarNavSectionProps = SidebarNavSectionBaseProps & (ControlledSidebarNavSectionProps | UncontrolledSidebarNavSectionProps);
+export declare function SidebarNavSection({ title, icon, titleSuffix, defaultOpen, open, onToggle, isActive, className, children, "data-testid": testId, }: SidebarNavSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SidebarNavSection/__stories__/SidebarNavSection.stories.d.ts

@@ -8,4 +8,5 @@ export declare const DefaultOpen: Story;
 export declare const Active: Story;
 export declare const WithIcon: Story;
 export declare const WithTitleSuffix: Story;
+export declare const ControlledAccordion: Story;
 export declare const MultipleSections: Story;

package/dist/index.es.js

@@ -2918,18 +2918,20 @@ var Z = {
 };
 //#endregion
 //#region src/components/SidebarNavSection/SidebarNavSection.tsx
-function qi({ title: e, icon: t, titleSuffix: n, defaultOpen: r = !1, isActive: i = !1, className: a, children: o, "data-testid": s }) {
-	let [c, l] = Ki(r);
+function qi({ title: e, icon: t, titleSuffix: n, defaultOpen: r = !1, open: i, onToggle: a, isActive: o = !1, className: s, children: c, "data-testid": l }) {
+	let [u, p] = Ki(r), m = i !== void 0, h = m ? i : u;
 	return /* @__PURE__ */ f("div", {
-		className: R(Z.section, a),
-		"data-testid": s,
+		className: R(Z.section, s),
+		"data-testid": l,
 		children: [/* @__PURE__ */ f("button", {
 			type: "button",
 			className: Z.trigger,
-			"data-open": c || void 0,
-			"data-active": i || void 0,
-			onClick: l,
-			"aria-expanded": c,
+			"data-open": h || void 0,
+			"data-active": o || void 0,
+			onClick: () => {
+				m || p(), a?.();
+			},
+			"aria-expanded": h,
 			children: [
 				t && /* @__PURE__ */ d("span", {
 					className: Z.icon,
@@ -2952,11 +2954,11 @@ function qi({ title: e, icon: t, titleSuffix: n, defaultOpen: r = !1, isActive:
 			]
 		}), /* @__PURE__ */ d("div", {
 			className: Z.content,
-			"data-open": c || void 0,
-			inert: !c || void 0,
+			"data-open": h || void 0,
+			inert: !h || void 0,
 			children: /* @__PURE__ */ d("div", {
 				className: Z.inner,
-				children: o
+				children: c
 			})
 		})]
 	});