@inf-monkeys-tech/monkeys-design 1.0.112 → 1.0.113

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

@@ -7198,7 +7198,7 @@ function ChevronIcon2({ expanded }) {
     {
       "aria-hidden": "true",
       viewBox: "0 0 24 24",
-      className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
+      className: cn2("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
       fill: "none",
       stroke: "currentColor",
       strokeLinecap: "round",
@@ -7425,10 +7425,10 @@ function DataExplorerViewTree({
           type: "button",
           title: actionLabel,
           "aria-label": actionLabel,
-          className: cn(
+          className: cn2(
             theme.slots.menuTrigger,
             target.type === "group" ? theme.slots.treeGroupActions : theme.slots.treeNodeActions,
-            target.type === "group" ? classNames?.groupActions : cn(classNames?.nodeActions, classNames?.itemActions)
+            target.type === "group" ? classNames?.groupActions : cn2(classNames?.nodeActions, classNames?.itemActions)
           ),
           onClick: (event) => event.stopPropagation(),
           children: /* @__PURE__ */ jsxRuntime.jsx(MoreIcon2, {})
@@ -7439,7 +7439,7 @@ function DataExplorerViewTree({
         {
           align: "end",
           sideOffset: 6,
-          className: cn(theme.slots.menuContent, classNames?.menuContent),
+          className: cn2(theme.slots.menuContent, classNames?.menuContent),
           style: theme.styles.menuContent,
           onClick: (event) => event.stopPropagation(),
           children: visibleActions.map((action) => {
@@ -7456,7 +7456,7 @@ function DataExplorerViewTree({
                 {
                   title: action.title,
                   disabled,
-                  className: cn(
+                  className: cn2(
                     theme.slots.menuItem,
                     getDataExplorerMenuItemToneClassName(theme, action.tone),
                     active && "bg-accent text-accent-foreground",
@@ -7534,7 +7534,7 @@ function DataExplorerViewTree({
         "data-data-explorer-entry": "node",
         "data-data-explorer-node-id": node.id,
         "data-data-explorer-group-id": group?.id,
-        className: cn(
+        className: cn2(
           theme.slots.treeNode,
           classNames?.node,
           classNames?.item,
@@ -7555,7 +7555,7 @@ function DataExplorerViewTree({
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: cn(
+              className: cn2(
                 theme.slots.treeNodeButton,
                 isSelected && theme.slots.treeNodeSelected,
                 node.disabled && theme.slots.treeNodeDisabled,
@@ -7590,7 +7590,7 @@ function DataExplorerViewTree({
                   "span",
                   {
                     draggable: true,
-                    className: cn(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
+                    className: cn2(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
                     onClick: (event) => event.stopPropagation(),
                     onDragStart: (event) => {
                       event.stopPropagation();
@@ -7612,7 +7612,7 @@ function DataExplorerViewTree({
                   "button",
                   {
                     type: "button",
-                    className: cn(
+                    className: cn2(
                       theme.slots.treeNodeToggle,
                       classNames?.nodeToggle,
                       classNames?.expander
@@ -7624,11 +7624,11 @@ function DataExplorerViewTree({
                     },
                     children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon2, { expanded: isExpanded })
                   }
-                ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
+                ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
                 node.icon ? /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
-                    className: cn(
+                    className: cn2(
                       theme.slots.treeNodeIcon,
                       classNames?.nodeIcon,
                       classNames?.itemIcon
@@ -7640,7 +7640,7 @@ function DataExplorerViewTree({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "span",
                     {
-                      className: cn(
+                      className: cn2(
                         theme.slots.treeNodeLabel,
                         classNames?.nodeLabel,
                         classNames?.itemLabel
@@ -7651,7 +7651,7 @@ function DataExplorerViewTree({
                   node.description ? /* @__PURE__ */ jsxRuntime.jsx(
                     "span",
                     {
-                      className: cn(
+                      className: cn2(
                         theme.slots.treeNodeDescription,
                         classNames?.nodeDescription
                       ),
@@ -7659,8 +7659,8 @@ function DataExplorerViewTree({
                     }
                   ) : null
                 ] }),
-                node.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
-                node.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
+                node.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
+                node.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
                 renderActions(actions, { type: "node", node, group })
               ]
             }
@@ -7668,7 +7668,7 @@ function DataExplorerViewTree({
           hasChildren && isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: cn(
+              className: cn2(
                 theme.slots.treeNodeChildren,
                 classNames?.nodeChildren,
                 classNames?.list
@@ -7681,22 +7681,22 @@ function DataExplorerViewTree({
       node.id
     );
   };
-  const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(slotClassName, classNameOverride), children: content });
+  const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2(slotClassName, classNameOverride), children: content });
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
       loadingContent,
       theme.slots.treeLoading,
       classNames?.loading
     ) });
   }
   if (error) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
   }
   const hasAnyNodes = resolvedGroups.some((group) => (group.nodes ?? []).length > 0);
   const hasAnyGroupState = resolvedGroups.some((group) => group.status === "loading" || group.error);
   const shouldRenderGlobalEmpty = !hasAnyNodes && !hasAnyGroupState && (!hasExplicitGroups || resolvedGroups.length === 0);
   if (shouldRenderGlobalEmpty) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
       emptyContent,
       theme.slots.treeEmpty,
       classNames?.empty
@@ -7705,7 +7705,7 @@ function DataExplorerViewTree({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: cn(theme.slots.treeRoot, classNames?.root, className),
+      className: cn2(theme.slots.treeRoot, classNames?.root, className),
       role: hasAnyNodes ? "tree" : void 0,
       children: resolvedGroups.map((group) => {
         const groupExpanded = group.hideHeader || group.collapsible === false || resolvedExpandedGroupIds.has(group.id);
@@ -7718,12 +7718,12 @@ function DataExplorerViewTree({
           {
             "data-data-explorer-entry": "group",
             "data-data-explorer-group-id": group.id,
-            className: cn(theme.slots.treeGroup, classNames?.group, group.className),
+            className: cn2(theme.slots.treeGroup, classNames?.group, group.className),
             children: [
               !group.hideHeader ? /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
-                  className: cn(
+                  className: cn2(
                     theme.slots.treeGroupHeader,
                     theme.slots.treeGroupHeaderButton,
                     groupSelected && theme.slots.treeNodeSelected,
@@ -7736,7 +7736,7 @@ function DataExplorerViewTree({
                       "button",
                       {
                         type: "button",
-                        className: cn(
+                        className: cn2(
                           "flex min-w-0 flex-1 items-center gap-2 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
                           classNames?.groupLabel
                         ),
@@ -7753,7 +7753,7 @@ function DataExplorerViewTree({
                           group.icon ? /* @__PURE__ */ jsxRuntime.jsx(
                             "span",
                             {
-                              className: cn(
+                              className: cn2(
                                 theme.slots.treeNodeIcon,
                                 classNames?.nodeIcon,
                                 classNames?.itemIcon
@@ -7765,7 +7765,7 @@ function DataExplorerViewTree({
                             group.label ? /* @__PURE__ */ jsxRuntime.jsx(
                               "span",
                               {
-                                className: cn(
+                                className: cn2(
                                   theme.slots.treeNodeLabel,
                                   classNames?.nodeLabel,
                                   classNames?.itemLabel
@@ -7776,7 +7776,7 @@ function DataExplorerViewTree({
                             group.description ? /* @__PURE__ */ jsxRuntime.jsx(
                               "span",
                               {
-                                className: cn(
+                                className: cn2(
                                   theme.slots.treeNodeDescription,
                                   classNames?.nodeDescription
                                 ),
@@ -7784,8 +7784,8 @@ function DataExplorerViewTree({
                               }
                             ) : null
                           ] }),
-                          group.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
-                          group.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
+                          group.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
+                          group.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
                         ]
                       }
                     ),
@@ -7793,7 +7793,7 @@ function DataExplorerViewTree({
                       "button",
                       {
                         type: "button",
-                        className: cn(theme.slots.treeNodeToggle, classNames?.expander),
+                        className: cn2(theme.slots.treeNodeToggle, classNames?.expander),
                         "aria-label": groupExpanded ? collapseLabel : expandLabel,
                         "aria-expanded": groupExpanded,
                         onClick: () => setGroupExpanded(group.id, !groupExpanded),
@@ -7807,7 +7807,7 @@ function DataExplorerViewTree({
               groupExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: cn(
+                  className: cn2(
                     theme.slots.treeGroupContent,
                     classNames?.groupContent,
                     classNames?.list