@k2b/ui 0.10.0 → 0.11.0

package/dist/types/layout/AppWorkspace.d.ts

@@ -82,6 +82,8 @@ export type AppWorkspaceBottomDrawerProps = {
     resizable?: boolean;
 };
 export type AppWorkspaceSidebarProps = {
+    /** Stable element id, for a toggle elsewhere that names the sidebar in `aria-controls`. */
+    id?: string;
     label?: string;
     children: JSX.Element;
     class?: string;
@@ -97,6 +99,18 @@ export type AppWorkspaceSidebarProps = {
     defaultSize?: number;
     minSize?: number;
     maxSize?: number;
+    /**
+     * Hides the desktop navigation completely: the sidebar renders none of its
+     * children and no resize handle, and main panes with `surface="navigation"`
+     * hide with it. The state is application-owned, like a persisted layout.
+     */
+    hidden?: boolean;
+    /**
+     * Makes the sidebar hideable by dragging its resize handle below half its
+     * minimum width. The controller then requests `true`; showing it again is
+     * the application's control.
+     */
+    onHiddenChange?: (hidden: boolean) => void;
 };
 export type AppWorkspaceSidebarVisibility = "always" | "expanded" | "collapsed";
 export type AppWorkspaceSidebarAccessoryVisibility = "always" | "hover";

package/dist/types/layout/app-workspace-controller.d.ts

@@ -4,4 +4,9 @@ export type AppWorkspaceControllerOptions = {
     readState?: () => AppWorkspaceLayoutState | null | undefined;
     writeState?: (state: AppWorkspaceLayoutState) => void;
 };
+/**
+ * Asks the owning `AppWorkspace.Sidebar` to hide. The sidebar's `hidden` prop
+ * stays application state, so the controller only requests the change.
+ */
+export declare const APP_WORKSPACE_SIDEBAR_HIDE_EVENT = "k2b-app-workspace-sidebar-hide";
 export declare const installAppWorkspaceController: (options?: AppWorkspaceControllerOptions) => (() => void);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k2b/ui",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Production-ready components for SolidJS applications.",
   "repository": {
     "type": "git",