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

package/dist/index.mjs

@@ -21685,6 +21685,7 @@ function resolveDataExplorerValue(value, context) {
 // src/components/data-explorer/theme.ts
 var emptyStyles2 = {};
 var baseSlots2 = {
+  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",
@@ -21816,6 +21817,7 @@ var densitySlots2 = {
 };
 var radiusSlots2 = {
   none: {
+    surfaceRoot: "rounded-none",
     toolbarSearch: "rounded-none",
     toolbarViewSwitch: "rounded-none",
     toolbarViewButton: "rounded-none",
@@ -21840,6 +21842,7 @@ var radiusSlots2 = {
     treeNodeDragHandle: "rounded-none"
   },
   sm: {
+    surfaceRoot: "rounded-sm",
     toolbarSearch: "rounded-sm",
     toolbarViewSwitch: "rounded-sm",
     toolbarViewButton: "rounded-sm",
@@ -21860,6 +21863,7 @@ var radiusSlots2 = {
   },
   md: {},
   lg: {
+    surfaceRoot: "rounded-xl",
     toolbarSearch: "rounded-lg",
     toolbarViewSwitch: "rounded-lg",
     toolbarViewButton: "rounded-lg",
@@ -21878,6 +21882,7 @@ var radiusSlots2 = {
     treeNodeDragHandle: "rounded-md"
   },
   xl: {
+    surfaceRoot: "rounded-2xl",
     toolbarSearch: "rounded-xl",
     toolbarViewSwitch: "rounded-xl",
     toolbarViewButton: "rounded-xl",
@@ -21896,6 +21901,7 @@ var radiusSlots2 = {
     treeNodeDragHandle: "rounded-lg"
   },
   full: {
+    surfaceRoot: "rounded-2xl",
     toolbarSearch: "rounded-full",
     toolbarViewSwitch: "rounded-full",
     toolbarViewButton: "rounded-full",
@@ -21915,6 +21921,7 @@ var radiusSlots2 = {
 };
 var borderSlots2 = {
   none: {
+    surfaceRoot: "border-transparent",
     toolbarRoot: "border-transparent",
     toolbarSearch: "border-transparent",
     toolbarViewSwitch: "border-transparent",
@@ -21929,6 +21936,7 @@ var borderSlots2 = {
     detailRightPanel: "border-transparent"
   },
   subtle: {
+    surfaceRoot: "border-border/60",
     toolbarRoot: "border-border/60",
     toolbarSearch: "border-border/60",
     toolbarViewSwitch: "border-border/60",
@@ -21941,6 +21949,7 @@ var borderSlots2 = {
   },
   solid: {},
   strong: {
+    surfaceRoot: "border-foreground/20",
     toolbarRoot: "border-foreground/20",
     toolbarSearch: "border-foreground/20",
     toolbarViewSwitch: "border-foreground/20",
@@ -21955,6 +21964,7 @@ var borderSlots2 = {
 var backgroundSlots2 = {
   plain: {},
   muted: {
+    surfaceRoot: "bg-card",
     toolbarRoot: "bg-muted/20",
     toolbarSearch: "bg-background",
     toolbarViewSwitch: "bg-background",
@@ -21966,6 +21976,7 @@ var backgroundSlots2 = {
     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",
@@ -21975,6 +21986,7 @@ var backgroundSlots2 = {
     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",
@@ -24781,10 +24793,11 @@ function DataExplorerPage({
     {
       className: cn3(
         "flex h-full min-h-0 overflow-hidden",
-        theme?.slots.cardRoot,
+        theme?.slots.surfaceRoot,
         classNames?.root,
         className
       ),
+      style: theme?.styles.surfaceRoot,
       children: [
         sidebarNode ? /* @__PURE__ */ jsx(
           "div",