@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.
package/dist/index.js CHANGED
@@ -26024,7 +26024,7 @@ function ChevronIcon({ expanded }) {
26024
26024
  {
26025
26025
  "aria-hidden": "true",
26026
26026
  viewBox: "0 0 24 24",
26027
- className: cn3("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
26027
+ className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
26028
26028
  fill: "none",
26029
26029
  stroke: "currentColor",
26030
26030
  strokeLinecap: "round",
@@ -26251,10 +26251,10 @@ function DataExplorerViewTree({
26251
26251
  type: "button",
26252
26252
  title: actionLabel,
26253
26253
  "aria-label": actionLabel,
26254
- className: cn3(
26254
+ className: cn(
26255
26255
  theme.slots.menuTrigger,
26256
26256
  target.type === "group" ? theme.slots.treeGroupActions : theme.slots.treeNodeActions,
26257
- target.type === "group" ? classNames?.groupActions : cn3(classNames?.nodeActions, classNames?.itemActions)
26257
+ target.type === "group" ? classNames?.groupActions : cn(classNames?.nodeActions, classNames?.itemActions)
26258
26258
  ),
26259
26259
  onClick: (event) => event.stopPropagation(),
26260
26260
  children: /* @__PURE__ */ jsxRuntime.jsx(MoreIcon3, {})
@@ -26265,7 +26265,7 @@ function DataExplorerViewTree({
26265
26265
  {
26266
26266
  align: "end",
26267
26267
  sideOffset: 6,
26268
- className: cn3(theme.slots.menuContent, classNames?.menuContent),
26268
+ className: cn(theme.slots.menuContent, classNames?.menuContent),
26269
26269
  style: theme.styles.menuContent,
26270
26270
  onClick: (event) => event.stopPropagation(),
26271
26271
  children: visibleActions.map((action) => {
@@ -26282,7 +26282,7 @@ function DataExplorerViewTree({
26282
26282
  {
26283
26283
  title: action.title,
26284
26284
  disabled,
26285
- className: cn3(
26285
+ className: cn(
26286
26286
  theme.slots.menuItem,
26287
26287
  getDataExplorerMenuItemToneClassName(theme, action.tone),
26288
26288
  active && "bg-accent text-accent-foreground",
@@ -26360,7 +26360,7 @@ function DataExplorerViewTree({
26360
26360
  "data-data-explorer-entry": "node",
26361
26361
  "data-data-explorer-node-id": node.id,
26362
26362
  "data-data-explorer-group-id": group?.id,
26363
- className: cn3(
26363
+ className: cn(
26364
26364
  theme.slots.treeNode,
26365
26365
  classNames?.node,
26366
26366
  classNames?.item,
@@ -26381,7 +26381,7 @@ function DataExplorerViewTree({
26381
26381
  /* @__PURE__ */ jsxRuntime.jsxs(
26382
26382
  "div",
26383
26383
  {
26384
- className: cn3(
26384
+ className: cn(
26385
26385
  theme.slots.treeNodeButton,
26386
26386
  isSelected && theme.slots.treeNodeSelected,
26387
26387
  node.disabled && theme.slots.treeNodeDisabled,
@@ -26416,7 +26416,7 @@ function DataExplorerViewTree({
26416
26416
  "span",
26417
26417
  {
26418
26418
  draggable: true,
26419
- className: cn3(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
26419
+ className: cn(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
26420
26420
  onClick: (event) => event.stopPropagation(),
26421
26421
  onDragStart: (event) => {
26422
26422
  event.stopPropagation();
@@ -26438,7 +26438,7 @@ function DataExplorerViewTree({
26438
26438
  "button",
26439
26439
  {
26440
26440
  type: "button",
26441
- className: cn3(
26441
+ className: cn(
26442
26442
  theme.slots.treeNodeToggle,
26443
26443
  classNames?.nodeToggle,
26444
26444
  classNames?.expander
@@ -26450,11 +26450,11 @@ function DataExplorerViewTree({
26450
26450
  },
26451
26451
  children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { expanded: isExpanded })
26452
26452
  }
26453
- ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn3(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
26453
+ ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
26454
26454
  node.icon ? /* @__PURE__ */ jsxRuntime.jsx(
26455
26455
  "span",
26456
26456
  {
26457
- className: cn3(
26457
+ className: cn(
26458
26458
  theme.slots.treeNodeIcon,
26459
26459
  classNames?.nodeIcon,
26460
26460
  classNames?.itemIcon
@@ -26466,7 +26466,7 @@ function DataExplorerViewTree({
26466
26466
  /* @__PURE__ */ jsxRuntime.jsx(
26467
26467
  "span",
26468
26468
  {
26469
- className: cn3(
26469
+ className: cn(
26470
26470
  theme.slots.treeNodeLabel,
26471
26471
  classNames?.nodeLabel,
26472
26472
  classNames?.itemLabel
@@ -26477,7 +26477,7 @@ function DataExplorerViewTree({
26477
26477
  node.description ? /* @__PURE__ */ jsxRuntime.jsx(
26478
26478
  "span",
26479
26479
  {
26480
- className: cn3(
26480
+ className: cn(
26481
26481
  theme.slots.treeNodeDescription,
26482
26482
  classNames?.nodeDescription
26483
26483
  ),
@@ -26485,8 +26485,8 @@ function DataExplorerViewTree({
26485
26485
  }
26486
26486
  ) : null
26487
26487
  ] }),
26488
- node.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn3(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
26489
- node.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn3(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
26488
+ node.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
26489
+ node.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
26490
26490
  renderActions(actions, { type: "node", node, group })
26491
26491
  ]
26492
26492
  }
@@ -26494,7 +26494,7 @@ function DataExplorerViewTree({
26494
26494
  hasChildren && isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
26495
26495
  "div",
26496
26496
  {
26497
- className: cn3(
26497
+ className: cn(
26498
26498
  theme.slots.treeNodeChildren,
26499
26499
  classNames?.nodeChildren,
26500
26500
  classNames?.list
@@ -26507,22 +26507,22 @@ function DataExplorerViewTree({
26507
26507
  node.id
26508
26508
  );
26509
26509
  };
26510
- const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn3(slotClassName, classNameOverride), children: content });
26510
+ const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(slotClassName, classNameOverride), children: content });
26511
26511
  if (loading) {
26512
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn3(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
26512
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
26513
26513
  loadingContent,
26514
26514
  theme.slots.treeLoading,
26515
26515
  classNames?.loading
26516
26516
  ) });
26517
26517
  }
26518
26518
  if (error) {
26519
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn3(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
26519
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
26520
26520
  }
26521
26521
  const hasAnyNodes = resolvedGroups.some((group) => (group.nodes ?? []).length > 0);
26522
26522
  const hasAnyGroupState = resolvedGroups.some((group) => group.status === "loading" || group.error);
26523
26523
  const shouldRenderGlobalEmpty = !hasAnyNodes && !hasAnyGroupState && (!hasExplicitGroups || resolvedGroups.length === 0);
26524
26524
  if (shouldRenderGlobalEmpty) {
26525
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn3(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
26525
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
26526
26526
  emptyContent,
26527
26527
  theme.slots.treeEmpty,
26528
26528
  classNames?.empty
@@ -26531,7 +26531,7 @@ function DataExplorerViewTree({
26531
26531
  return /* @__PURE__ */ jsxRuntime.jsx(
26532
26532
  "div",
26533
26533
  {
26534
- className: cn3(theme.slots.treeRoot, classNames?.root, className),
26534
+ className: cn(theme.slots.treeRoot, classNames?.root, className),
26535
26535
  role: hasAnyNodes ? "tree" : void 0,
26536
26536
  children: resolvedGroups.map((group) => {
26537
26537
  const groupExpanded = group.hideHeader || group.collapsible === false || resolvedExpandedGroupIds.has(group.id);
@@ -26544,12 +26544,12 @@ function DataExplorerViewTree({
26544
26544
  {
26545
26545
  "data-data-explorer-entry": "group",
26546
26546
  "data-data-explorer-group-id": group.id,
26547
- className: cn3(theme.slots.treeGroup, classNames?.group, group.className),
26547
+ className: cn(theme.slots.treeGroup, classNames?.group, group.className),
26548
26548
  children: [
26549
26549
  !group.hideHeader ? /* @__PURE__ */ jsxRuntime.jsxs(
26550
26550
  "div",
26551
26551
  {
26552
- className: cn3(
26552
+ className: cn(
26553
26553
  theme.slots.treeGroupHeader,
26554
26554
  theme.slots.treeGroupHeaderButton,
26555
26555
  groupSelected && theme.slots.treeNodeSelected,
@@ -26562,7 +26562,7 @@ function DataExplorerViewTree({
26562
26562
  "button",
26563
26563
  {
26564
26564
  type: "button",
26565
- className: cn3(
26565
+ className: cn(
26566
26566
  "flex min-w-0 flex-1 items-center gap-2 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
26567
26567
  classNames?.groupLabel
26568
26568
  ),
@@ -26579,7 +26579,7 @@ function DataExplorerViewTree({
26579
26579
  group.icon ? /* @__PURE__ */ jsxRuntime.jsx(
26580
26580
  "span",
26581
26581
  {
26582
- className: cn3(
26582
+ className: cn(
26583
26583
  theme.slots.treeNodeIcon,
26584
26584
  classNames?.nodeIcon,
26585
26585
  classNames?.itemIcon
@@ -26591,7 +26591,7 @@ function DataExplorerViewTree({
26591
26591
  group.label ? /* @__PURE__ */ jsxRuntime.jsx(
26592
26592
  "span",
26593
26593
  {
26594
- className: cn3(
26594
+ className: cn(
26595
26595
  theme.slots.treeNodeLabel,
26596
26596
  classNames?.nodeLabel,
26597
26597
  classNames?.itemLabel
@@ -26602,7 +26602,7 @@ function DataExplorerViewTree({
26602
26602
  group.description ? /* @__PURE__ */ jsxRuntime.jsx(
26603
26603
  "span",
26604
26604
  {
26605
- className: cn3(
26605
+ className: cn(
26606
26606
  theme.slots.treeNodeDescription,
26607
26607
  classNames?.nodeDescription
26608
26608
  ),
@@ -26610,8 +26610,8 @@ function DataExplorerViewTree({
26610
26610
  }
26611
26611
  ) : null
26612
26612
  ] }),
26613
- group.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn3(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
26614
- group.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn3(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
26613
+ group.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
26614
+ group.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
26615
26615
  ]
26616
26616
  }
26617
26617
  ),
@@ -26619,7 +26619,7 @@ function DataExplorerViewTree({
26619
26619
  "button",
26620
26620
  {
26621
26621
  type: "button",
26622
- className: cn3(theme.slots.treeNodeToggle, classNames?.expander),
26622
+ className: cn(theme.slots.treeNodeToggle, classNames?.expander),
26623
26623
  "aria-label": groupExpanded ? collapseLabel : expandLabel,
26624
26624
  "aria-expanded": groupExpanded,
26625
26625
  onClick: () => setGroupExpanded(group.id, !groupExpanded),
@@ -26633,7 +26633,7 @@ function DataExplorerViewTree({
26633
26633
  groupExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
26634
26634
  "div",
26635
26635
  {
26636
- className: cn3(
26636
+ className: cn(
26637
26637
  theme.slots.treeGroupContent,
26638
26638
  classNames?.groupContent,
26639
26639
  classNames?.list