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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -915,7 +915,7 @@ function ChevronIcon({ expanded }) {
915
915
  {
916
916
  "aria-hidden": "true",
917
917
  viewBox: "0 0 24 24",
918
- className: cn2("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
918
+ className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
919
919
  fill: "none",
920
920
  stroke: "currentColor",
921
921
  strokeLinecap: "round",
@@ -1142,10 +1142,10 @@ function DataExplorerViewTree({
1142
1142
  type: "button",
1143
1143
  title: actionLabel,
1144
1144
  "aria-label": actionLabel,
1145
- className: cn2(
1145
+ className: cn(
1146
1146
  theme.slots.menuTrigger,
1147
1147
  target.type === "group" ? theme.slots.treeGroupActions : theme.slots.treeNodeActions,
1148
- target.type === "group" ? classNames?.groupActions : cn2(classNames?.nodeActions, classNames?.itemActions)
1148
+ target.type === "group" ? classNames?.groupActions : cn(classNames?.nodeActions, classNames?.itemActions)
1149
1149
  ),
1150
1150
  onClick: (event) => event.stopPropagation(),
1151
1151
  children: /* @__PURE__ */ jsx(MoreIcon, {})
@@ -1156,7 +1156,7 @@ function DataExplorerViewTree({
1156
1156
  {
1157
1157
  align: "end",
1158
1158
  sideOffset: 6,
1159
- className: cn2(theme.slots.menuContent, classNames?.menuContent),
1159
+ className: cn(theme.slots.menuContent, classNames?.menuContent),
1160
1160
  style: theme.styles.menuContent,
1161
1161
  onClick: (event) => event.stopPropagation(),
1162
1162
  children: visibleActions.map((action) => {
@@ -1173,7 +1173,7 @@ function DataExplorerViewTree({
1173
1173
  {
1174
1174
  title: action.title,
1175
1175
  disabled,
1176
- className: cn2(
1176
+ className: cn(
1177
1177
  theme.slots.menuItem,
1178
1178
  getDataExplorerMenuItemToneClassName(theme, action.tone),
1179
1179
  active && "bg-accent text-accent-foreground",
@@ -1251,7 +1251,7 @@ function DataExplorerViewTree({
1251
1251
  "data-data-explorer-entry": "node",
1252
1252
  "data-data-explorer-node-id": node.id,
1253
1253
  "data-data-explorer-group-id": group?.id,
1254
- className: cn2(
1254
+ className: cn(
1255
1255
  theme.slots.treeNode,
1256
1256
  classNames?.node,
1257
1257
  classNames?.item,
@@ -1272,7 +1272,7 @@ function DataExplorerViewTree({
1272
1272
  /* @__PURE__ */ jsxs(
1273
1273
  "div",
1274
1274
  {
1275
- className: cn2(
1275
+ className: cn(
1276
1276
  theme.slots.treeNodeButton,
1277
1277
  isSelected && theme.slots.treeNodeSelected,
1278
1278
  node.disabled && theme.slots.treeNodeDisabled,
@@ -1307,7 +1307,7 @@ function DataExplorerViewTree({
1307
1307
  "span",
1308
1308
  {
1309
1309
  draggable: true,
1310
- className: cn2(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
1310
+ className: cn(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
1311
1311
  onClick: (event) => event.stopPropagation(),
1312
1312
  onDragStart: (event) => {
1313
1313
  event.stopPropagation();
@@ -1329,7 +1329,7 @@ function DataExplorerViewTree({
1329
1329
  "button",
1330
1330
  {
1331
1331
  type: "button",
1332
- className: cn2(
1332
+ className: cn(
1333
1333
  theme.slots.treeNodeToggle,
1334
1334
  classNames?.nodeToggle,
1335
1335
  classNames?.expander
@@ -1341,11 +1341,11 @@ function DataExplorerViewTree({
1341
1341
  },
1342
1342
  children: /* @__PURE__ */ jsx(ChevronIcon, { expanded: isExpanded })
1343
1343
  }
1344
- ) : /* @__PURE__ */ jsx("span", { className: cn2(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
1344
+ ) : /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
1345
1345
  node.icon ? /* @__PURE__ */ jsx(
1346
1346
  "span",
1347
1347
  {
1348
- className: cn2(
1348
+ className: cn(
1349
1349
  theme.slots.treeNodeIcon,
1350
1350
  classNames?.nodeIcon,
1351
1351
  classNames?.itemIcon
@@ -1357,7 +1357,7 @@ function DataExplorerViewTree({
1357
1357
  /* @__PURE__ */ jsx(
1358
1358
  "span",
1359
1359
  {
1360
- className: cn2(
1360
+ className: cn(
1361
1361
  theme.slots.treeNodeLabel,
1362
1362
  classNames?.nodeLabel,
1363
1363
  classNames?.itemLabel
@@ -1368,7 +1368,7 @@ function DataExplorerViewTree({
1368
1368
  node.description ? /* @__PURE__ */ jsx(
1369
1369
  "span",
1370
1370
  {
1371
- className: cn2(
1371
+ className: cn(
1372
1372
  theme.slots.treeNodeDescription,
1373
1373
  classNames?.nodeDescription
1374
1374
  ),
@@ -1376,8 +1376,8 @@ function DataExplorerViewTree({
1376
1376
  }
1377
1377
  ) : null
1378
1378
  ] }),
1379
- node.meta ? /* @__PURE__ */ jsx("span", { className: cn2(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
1380
- node.badge ? /* @__PURE__ */ jsx("span", { className: cn2(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
1379
+ node.meta ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
1380
+ node.badge ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
1381
1381
  renderActions(actions, { type: "node", node, group })
1382
1382
  ]
1383
1383
  }
@@ -1385,7 +1385,7 @@ function DataExplorerViewTree({
1385
1385
  hasChildren && isExpanded ? /* @__PURE__ */ jsx(
1386
1386
  "div",
1387
1387
  {
1388
- className: cn2(
1388
+ className: cn(
1389
1389
  theme.slots.treeNodeChildren,
1390
1390
  classNames?.nodeChildren,
1391
1391
  classNames?.list
@@ -1398,22 +1398,22 @@ function DataExplorerViewTree({
1398
1398
  node.id
1399
1399
  );
1400
1400
  };
1401
- const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsx("div", { className: cn2(slotClassName, classNameOverride), children: content });
1401
+ const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsx("div", { className: cn(slotClassName, classNameOverride), children: content });
1402
1402
  if (loading) {
1403
- return /* @__PURE__ */ jsx("div", { className: cn2(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
1403
+ return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
1404
1404
  loadingContent,
1405
1405
  theme.slots.treeLoading,
1406
1406
  classNames?.loading
1407
1407
  ) });
1408
1408
  }
1409
1409
  if (error) {
1410
- return /* @__PURE__ */ jsx("div", { className: cn2(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
1410
+ return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
1411
1411
  }
1412
1412
  const hasAnyNodes = resolvedGroups.some((group) => (group.nodes ?? []).length > 0);
1413
1413
  const hasAnyGroupState = resolvedGroups.some((group) => group.status === "loading" || group.error);
1414
1414
  const shouldRenderGlobalEmpty = !hasAnyNodes && !hasAnyGroupState && (!hasExplicitGroups || resolvedGroups.length === 0);
1415
1415
  if (shouldRenderGlobalEmpty) {
1416
- return /* @__PURE__ */ jsx("div", { className: cn2(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
1416
+ return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
1417
1417
  emptyContent,
1418
1418
  theme.slots.treeEmpty,
1419
1419
  classNames?.empty
@@ -1422,7 +1422,7 @@ function DataExplorerViewTree({
1422
1422
  return /* @__PURE__ */ jsx(
1423
1423
  "div",
1424
1424
  {
1425
- className: cn2(theme.slots.treeRoot, classNames?.root, className),
1425
+ className: cn(theme.slots.treeRoot, classNames?.root, className),
1426
1426
  role: hasAnyNodes ? "tree" : void 0,
1427
1427
  children: resolvedGroups.map((group) => {
1428
1428
  const groupExpanded = group.hideHeader || group.collapsible === false || resolvedExpandedGroupIds.has(group.id);
@@ -1435,12 +1435,12 @@ function DataExplorerViewTree({
1435
1435
  {
1436
1436
  "data-data-explorer-entry": "group",
1437
1437
  "data-data-explorer-group-id": group.id,
1438
- className: cn2(theme.slots.treeGroup, classNames?.group, group.className),
1438
+ className: cn(theme.slots.treeGroup, classNames?.group, group.className),
1439
1439
  children: [
1440
1440
  !group.hideHeader ? /* @__PURE__ */ jsxs(
1441
1441
  "div",
1442
1442
  {
1443
- className: cn2(
1443
+ className: cn(
1444
1444
  theme.slots.treeGroupHeader,
1445
1445
  theme.slots.treeGroupHeaderButton,
1446
1446
  groupSelected && theme.slots.treeNodeSelected,
@@ -1453,7 +1453,7 @@ function DataExplorerViewTree({
1453
1453
  "button",
1454
1454
  {
1455
1455
  type: "button",
1456
- className: cn2(
1456
+ className: cn(
1457
1457
  "flex min-w-0 flex-1 items-center gap-2 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
1458
1458
  classNames?.groupLabel
1459
1459
  ),
@@ -1470,7 +1470,7 @@ function DataExplorerViewTree({
1470
1470
  group.icon ? /* @__PURE__ */ jsx(
1471
1471
  "span",
1472
1472
  {
1473
- className: cn2(
1473
+ className: cn(
1474
1474
  theme.slots.treeNodeIcon,
1475
1475
  classNames?.nodeIcon,
1476
1476
  classNames?.itemIcon
@@ -1482,7 +1482,7 @@ function DataExplorerViewTree({
1482
1482
  group.label ? /* @__PURE__ */ jsx(
1483
1483
  "span",
1484
1484
  {
1485
- className: cn2(
1485
+ className: cn(
1486
1486
  theme.slots.treeNodeLabel,
1487
1487
  classNames?.nodeLabel,
1488
1488
  classNames?.itemLabel
@@ -1493,7 +1493,7 @@ function DataExplorerViewTree({
1493
1493
  group.description ? /* @__PURE__ */ jsx(
1494
1494
  "span",
1495
1495
  {
1496
- className: cn2(
1496
+ className: cn(
1497
1497
  theme.slots.treeNodeDescription,
1498
1498
  classNames?.nodeDescription
1499
1499
  ),
@@ -1501,8 +1501,8 @@ function DataExplorerViewTree({
1501
1501
  }
1502
1502
  ) : null
1503
1503
  ] }),
1504
- group.meta ? /* @__PURE__ */ jsx("span", { className: cn2(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
1505
- group.badge ? /* @__PURE__ */ jsx("span", { className: cn2(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
1504
+ group.meta ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
1505
+ group.badge ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
1506
1506
  ]
1507
1507
  }
1508
1508
  ),
@@ -1510,7 +1510,7 @@ function DataExplorerViewTree({
1510
1510
  "button",
1511
1511
  {
1512
1512
  type: "button",
1513
- className: cn2(theme.slots.treeNodeToggle, classNames?.expander),
1513
+ className: cn(theme.slots.treeNodeToggle, classNames?.expander),
1514
1514
  "aria-label": groupExpanded ? collapseLabel : expandLabel,
1515
1515
  "aria-expanded": groupExpanded,
1516
1516
  onClick: () => setGroupExpanded(group.id, !groupExpanded),
@@ -1524,7 +1524,7 @@ function DataExplorerViewTree({
1524
1524
  groupExpanded ? /* @__PURE__ */ jsx(
1525
1525
  "div",
1526
1526
  {
1527
- className: cn2(
1527
+ className: cn(
1528
1528
  theme.slots.treeGroupContent,
1529
1529
  classNames?.groupContent,
1530
1530
  classNames?.list