@kopexa/sidebar 17.2.0 → 17.3.0

package/dist/index.mjs

@@ -23,7 +23,7 @@ import {
 } from "./chunk-FPVGSRAX.mjs";
 import {
   SidebarV2
-} from "./chunk-WA2NSEYE.mjs";
+} from "./chunk-6H2EH7LL.mjs";
 import {
   AppShell,
   AppShellAside,
@@ -31,10 +31,10 @@ import {
   AppShellMain,
   AppShellPanelContent,
   AppShellRoot
-} from "./chunk-PZFEB2PM.mjs";
+} from "./chunk-WIP5GNGJ.mjs";
 import {
   SidebarV2FromConfig
-} from "./chunk-CMYTESJM.mjs";
+} from "./chunk-G2J7EJQ6.mjs";
 import {
   SidebarV2Inset,
   SidebarV2Panel,
@@ -48,12 +48,12 @@ import {
   SidebarV2RailSpacer,
   SidebarV2Trigger,
   SidebarV2Workspace
-} from "./chunk-EIXUCY5M.mjs";
-import "./chunk-SDMGFB6V.mjs";
+} from "./chunk-5VE25P3M.mjs";
 import {
   SidebarV2Provider,
   useSidebarV2
-} from "./chunk-3L2F566G.mjs";
+} from "./chunk-XBTONQ3L.mjs";
+import "./chunk-BFZFZSUC.mjs";
 export {
   AppShell,
   AppShellAside,

package/dist/v2/app-shell.js

@@ -30,12 +30,12 @@ __export(app_shell_exports, {
   AppShellRoot: () => AppShellRoot
 });
 module.exports = __toCommonJS(app_shell_exports);
-var import_shared_utils = require("@kopexa/shared-utils");
 var import_react2 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/v2/context.tsx
 var import_react_utils = require("@kopexa/react-utils");
+var import_theme = require("@kopexa/theme");
 var import_tooltip = require("@kopexa/tooltip");
 var import_use_is_mobile = require("@kopexa/use-is-mobile");
 var import_react = require("react");
@@ -56,17 +56,13 @@ function AppShellRoot({
   children,
   ...props
 }) {
-  const { tone } = useSidebarV2();
+  const { tone, styles } = useSidebarV2();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "div",
     {
       "data-slot": "app-shell",
       "data-tone": tone,
-      className: (0, import_shared_utils.cn)(
-        "relative isolate grid h-svh w-full overflow-hidden antialiased",
-        tone === "light" ? "bg-muted text-foreground" : "bg-sidebar text-sidebar-foreground",
-        className
-      ),
+      className: styles.shell({ className }),
       style: {
         "--kpx-rail-width": RAIL_WIDTH,
         "--kpx-panel-width": PANEL_WIDTH,
@@ -85,26 +81,24 @@ function AppShellHeader({
   style,
   ...props
 }) {
+  const { styles } = useSidebarV2();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "header",
     {
       "data-slot": "app-shell-header",
-      className: (0, import_shared_utils.cn)("z-20 flex h-14 items-center gap-3 px-2", className),
+      className: styles.header({ className }),
       style: { gridArea: "header", ...style },
       ...props
     }
   );
 }
 function AppShellMain({ className, style, ...props }) {
+  const { styles } = useSidebarV2();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "main",
     {
       "data-slot": "app-shell-main",
-      className: (0, import_shared_utils.cn)(
-        "relative flex min-h-0 min-w-0 flex-col overflow-hidden bg-background",
-        "m-2 rounded-xl shadow-sm",
-        className
-      ),
+      className: styles.main({ className }),
       style: { gridArea: "main", ...style },
       ...props
     }
@@ -115,11 +109,12 @@ function AppShellAside({
   style,
   ...props
 }) {
+  const { styles } = useSidebarV2();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "aside",
     {
       "data-slot": "app-shell-aside",
-      className: (0, import_shared_utils.cn)("min-h-0 min-w-0 overflow-hidden", className),
+      className: styles.aside({ className }),
       style: { gridArea: "aside", ...style },
       ...props
     }

package/dist/v2/app-shell.mjs

@@ -7,8 +7,9 @@ import {
   AppShellMain,
   AppShellPanelContent,
   AppShellRoot
-} from "../chunk-PZFEB2PM.mjs";
-import "../chunk-3L2F566G.mjs";
+} from "../chunk-WIP5GNGJ.mjs";
+import "../chunk-XBTONQ3L.mjs";
+import "../chunk-BFZFZSUC.mjs";
 export {
   AppShell,
   AppShellAside,

package/dist/v2/components.d.mts

@@ -65,10 +65,16 @@ declare function SidebarV2PanelLeaf({ item, active: activeProp, }: {
     /** Override the derived active state (e.g. for custom page routing rules). */
     active?: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function SidebarV2PanelGroup({ item, }: {
+declare function SidebarV2PanelGroup({ item, winningHref, }: {
     item: Extract<SidebarV2PanelItem, {
         children: unknown;
     }>;
+    /**
+     * Panel-level winning href (most-specific match across all sibling items).
+     * Provided by <SidebarV2PanelItems> so a sibling leaf can out-rank our children.
+     * Omit for standalone use — then the best child among our own is computed.
+     */
+    winningHref?: string | null;
 }): react_jsx_runtime.JSX.Element;
 declare function SidebarV2PanelItems({ items, }: {
     items: SidebarV2PanelItem[];

package/dist/v2/components.d.ts

@@ -65,10 +65,16 @@ declare function SidebarV2PanelLeaf({ item, active: activeProp, }: {
     /** Override the derived active state (e.g. for custom page routing rules). */
     active?: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function SidebarV2PanelGroup({ item, }: {
+declare function SidebarV2PanelGroup({ item, winningHref, }: {
     item: Extract<SidebarV2PanelItem, {
         children: unknown;
     }>;
+    /**
+     * Panel-level winning href (most-specific match across all sibling items).
+     * Provided by <SidebarV2PanelItems> so a sibling leaf can out-rank our children.
+     * Omit for standalone use — then the best child among our own is computed.
+     */
+    winningHref?: string | null;
 }): react_jsx_runtime.JSX.Element;
 declare function SidebarV2PanelItems({ items, }: {
     items: SidebarV2PanelItem[];