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

package/dist/components/data-explorer/index.mjs

@@ -23,6 +23,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",
@@ -154,6 +155,7 @@ var densitySlots = {
 };
 var radiusSlots = {
   none: {
+    surfaceRoot: "rounded-none",
     toolbarSearch: "rounded-none",
     toolbarViewSwitch: "rounded-none",
     toolbarViewButton: "rounded-none",
@@ -178,6 +180,7 @@ var radiusSlots = {
     treeNodeDragHandle: "rounded-none"
   },
   sm: {
+    surfaceRoot: "rounded-sm",
     toolbarSearch: "rounded-sm",
     toolbarViewSwitch: "rounded-sm",
     toolbarViewButton: "rounded-sm",
@@ -198,6 +201,7 @@ var radiusSlots = {
   },
   md: {},
   lg: {
+    surfaceRoot: "rounded-xl",
     toolbarSearch: "rounded-lg",
     toolbarViewSwitch: "rounded-lg",
     toolbarViewButton: "rounded-lg",
@@ -216,6 +220,7 @@ var radiusSlots = {
     treeNodeDragHandle: "rounded-md"
   },
   xl: {
+    surfaceRoot: "rounded-2xl",
     toolbarSearch: "rounded-xl",
     toolbarViewSwitch: "rounded-xl",
     toolbarViewButton: "rounded-xl",
@@ -234,6 +239,7 @@ var radiusSlots = {
     treeNodeDragHandle: "rounded-lg"
   },
   full: {
+    surfaceRoot: "rounded-2xl",
     toolbarSearch: "rounded-full",
     toolbarViewSwitch: "rounded-full",
     toolbarViewButton: "rounded-full",
@@ -253,6 +259,7 @@ var radiusSlots = {
 };
 var borderSlots = {
   none: {
+    surfaceRoot: "border-transparent",
     toolbarRoot: "border-transparent",
     toolbarSearch: "border-transparent",
     toolbarViewSwitch: "border-transparent",
@@ -267,6 +274,7 @@ var borderSlots = {
     detailRightPanel: "border-transparent"
   },
   subtle: {
+    surfaceRoot: "border-border/60",
     toolbarRoot: "border-border/60",
     toolbarSearch: "border-border/60",
     toolbarViewSwitch: "border-border/60",
@@ -279,6 +287,7 @@ var borderSlots = {
   },
   solid: {},
   strong: {
+    surfaceRoot: "border-foreground/20",
     toolbarRoot: "border-foreground/20",
     toolbarSearch: "border-foreground/20",
     toolbarViewSwitch: "border-foreground/20",
@@ -293,6 +302,7 @@ var borderSlots = {
 var backgroundSlots = {
   plain: {},
   muted: {
+    surfaceRoot: "bg-card",
     toolbarRoot: "bg-muted/20",
     toolbarSearch: "bg-background",
     toolbarViewSwitch: "bg-background",
@@ -304,6 +314,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",
@@ -313,6 +324,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",
@@ -5997,10 +6009,11 @@ function DataExplorerPage({
     {
       className: cn(
         "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",