@inf-monkeys-tech/monkeys-design 1.0.95 → 1.0.96

package/dist/components/navigation-sidebar/index.d.mts

@@ -1,5 +1,5 @@
 import { ReactNode, HTMLAttributes, CSSProperties, MouseEvent, ElementType, RefAttributes, ReactElement } from 'react';
-import { aJ as DataExplorerViewTreeProps } from '../../types-72b7966c2155.mjs';
+import { aJ as DataExplorerViewTreeProps } from '../../types-72c1ec970e96.mjs';
 type NavigationSidebarKind = "catalog" | "route" | "tree";
 type NavigationSidebarDensity = "comfortable" | "compact" | "default";
 type NavigationSidebarSurface = "frosted" | "outlined" | "panel" | "plain";

package/dist/components/navigation-sidebar/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, HTMLAttributes, CSSProperties, MouseEvent, ElementType, RefAttributes, ReactElement } from 'react';
-import { aJ as DataExplorerViewTreeProps } from '../../types-72b7966c2155.js';
+import { aJ as DataExplorerViewTreeProps } from '../../types-72c1ec970e96.js';
 type NavigationSidebarKind = "catalog" | "route" | "tree";
 type NavigationSidebarDensity = "comfortable" | "compact" | "default";
 type NavigationSidebarSurface = "frosted" | "outlined" | "panel" | "plain";

package/dist/components/navigation-sidebar/index.js

@@ -47,6 +47,7 @@ function resolveDataExplorerValue(value, context) {
 // src/components/data-explorer/theme.ts
 var emptyStyles = {};
 var baseSlots = {
+  surfaceRoot: "relative flex h-full min-h-0 w-full min-w-0 overflow-hidden rounded-md border border-border bg-background shadow-sm",
   toolbarRoot: "flex flex-wrap items-center gap-2 border-b border-border bg-background px-4 py-3",
   toolbarLeading: "flex items-center gap-2",
   toolbarSearch: "flex h-10 min-w-52 flex-1 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm",
@@ -178,6 +179,7 @@ var densitySlots = {
 };
 var radiusSlots = {
   none: {
+    surfaceRoot: "rounded-none",
     toolbarSearch: "rounded-none",
     toolbarViewSwitch: "rounded-none",
     toolbarViewButton: "rounded-none",
@@ -202,6 +204,7 @@ var radiusSlots = {
     treeNodeDragHandle: "rounded-none"
   },
   sm: {
+    surfaceRoot: "rounded-sm",
     toolbarSearch: "rounded-sm",
     toolbarViewSwitch: "rounded-sm",
     toolbarViewButton: "rounded-sm",
@@ -222,6 +225,7 @@ var radiusSlots = {
   },
   md: {},
   lg: {
+    surfaceRoot: "rounded-xl",
     toolbarSearch: "rounded-lg",
     toolbarViewSwitch: "rounded-lg",
     toolbarViewButton: "rounded-lg",
@@ -240,6 +244,7 @@ var radiusSlots = {
     treeNodeDragHandle: "rounded-md"
   },
   xl: {
+    surfaceRoot: "rounded-2xl",
     toolbarSearch: "rounded-xl",
     toolbarViewSwitch: "rounded-xl",
     toolbarViewButton: "rounded-xl",
@@ -258,6 +263,7 @@ var radiusSlots = {
     treeNodeDragHandle: "rounded-lg"
   },
   full: {
+    surfaceRoot: "rounded-2xl",
     toolbarSearch: "rounded-full",
     toolbarViewSwitch: "rounded-full",
     toolbarViewButton: "rounded-full",
@@ -277,6 +283,7 @@ var radiusSlots = {
 };
 var borderSlots = {
   none: {
+    surfaceRoot: "border-transparent",
     toolbarRoot: "border-transparent",
     toolbarSearch: "border-transparent",
     toolbarViewSwitch: "border-transparent",
@@ -291,6 +298,7 @@ var borderSlots = {
     detailRightPanel: "border-transparent"
   },
   subtle: {
+    surfaceRoot: "border-border/60",
     toolbarRoot: "border-border/60",
     toolbarSearch: "border-border/60",
     toolbarViewSwitch: "border-border/60",
@@ -303,6 +311,7 @@ var borderSlots = {
   },
   solid: {},
   strong: {
+    surfaceRoot: "border-foreground/20",
     toolbarRoot: "border-foreground/20",
     toolbarSearch: "border-foreground/20",
     toolbarViewSwitch: "border-foreground/20",
@@ -317,6 +326,7 @@ var borderSlots = {
 var backgroundSlots = {
   plain: {},
   muted: {
+    surfaceRoot: "bg-card",
     toolbarRoot: "bg-muted/20",
     toolbarSearch: "bg-background",
     toolbarViewSwitch: "bg-background",
@@ -328,6 +338,7 @@ var backgroundSlots = {
     detailHeader: "bg-muted/20"
   },
   soft: {
+    surfaceRoot: "bg-background/95 shadow-sm",
     toolbarRoot: "bg-background/95",
     actionButtonDefault: "bg-muted/30 hover:bg-muted/55",
     controlButton: "bg-muted/30 hover:bg-muted/55",
@@ -337,6 +348,7 @@ var backgroundSlots = {
     footerRoot: "bg-background/95"
   },
   glass: {
+    surfaceRoot: "border-white/10 bg-white/[0.06] shadow-none backdrop-blur-md",
     toolbarRoot: "border-white/10 bg-white/5 backdrop-blur-md",
     toolbarSearch: "border-white/10 bg-white/5",
     toolbarViewSwitch: "border-white/10 bg-white/5",