@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.mjs CHANGED
@@ -25989,7 +25989,7 @@ function ChevronIcon({ expanded }) {
25989
25989
  {
25990
25990
  "aria-hidden": "true",
25991
25991
  viewBox: "0 0 24 24",
25992
- className: cn3("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
25992
+ className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
25993
25993
  fill: "none",
25994
25994
  stroke: "currentColor",
25995
25995
  strokeLinecap: "round",
@@ -26216,10 +26216,10 @@ function DataExplorerViewTree({
26216
26216
  type: "button",
26217
26217
  title: actionLabel,
26218
26218
  "aria-label": actionLabel,
26219
- className: cn3(
26219
+ className: cn(
26220
26220
  theme.slots.menuTrigger,
26221
26221
  target.type === "group" ? theme.slots.treeGroupActions : theme.slots.treeNodeActions,
26222
- target.type === "group" ? classNames?.groupActions : cn3(classNames?.nodeActions, classNames?.itemActions)
26222
+ target.type === "group" ? classNames?.groupActions : cn(classNames?.nodeActions, classNames?.itemActions)
26223
26223
  ),
26224
26224
  onClick: (event) => event.stopPropagation(),
26225
26225
  children: /* @__PURE__ */ jsx(MoreIcon3, {})
@@ -26230,7 +26230,7 @@ function DataExplorerViewTree({
26230
26230
  {
26231
26231
  align: "end",
26232
26232
  sideOffset: 6,
26233
- className: cn3(theme.slots.menuContent, classNames?.menuContent),
26233
+ className: cn(theme.slots.menuContent, classNames?.menuContent),
26234
26234
  style: theme.styles.menuContent,
26235
26235
  onClick: (event) => event.stopPropagation(),
26236
26236
  children: visibleActions.map((action) => {
@@ -26247,7 +26247,7 @@ function DataExplorerViewTree({
26247
26247
  {
26248
26248
  title: action.title,
26249
26249
  disabled,
26250
- className: cn3(
26250
+ className: cn(
26251
26251
  theme.slots.menuItem,
26252
26252
  getDataExplorerMenuItemToneClassName(theme, action.tone),
26253
26253
  active && "bg-accent text-accent-foreground",
@@ -26325,7 +26325,7 @@ function DataExplorerViewTree({
26325
26325
  "data-data-explorer-entry": "node",
26326
26326
  "data-data-explorer-node-id": node.id,
26327
26327
  "data-data-explorer-group-id": group?.id,
26328
- className: cn3(
26328
+ className: cn(
26329
26329
  theme.slots.treeNode,
26330
26330
  classNames?.node,
26331
26331
  classNames?.item,
@@ -26346,7 +26346,7 @@ function DataExplorerViewTree({
26346
26346
  /* @__PURE__ */ jsxs(
26347
26347
  "div",
26348
26348
  {
26349
- className: cn3(
26349
+ className: cn(
26350
26350
  theme.slots.treeNodeButton,
26351
26351
  isSelected && theme.slots.treeNodeSelected,
26352
26352
  node.disabled && theme.slots.treeNodeDisabled,
@@ -26381,7 +26381,7 @@ function DataExplorerViewTree({
26381
26381
  "span",
26382
26382
  {
26383
26383
  draggable: true,
26384
- className: cn3(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
26384
+ className: cn(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
26385
26385
  onClick: (event) => event.stopPropagation(),
26386
26386
  onDragStart: (event) => {
26387
26387
  event.stopPropagation();
@@ -26403,7 +26403,7 @@ function DataExplorerViewTree({
26403
26403
  "button",
26404
26404
  {
26405
26405
  type: "button",
26406
- className: cn3(
26406
+ className: cn(
26407
26407
  theme.slots.treeNodeToggle,
26408
26408
  classNames?.nodeToggle,
26409
26409
  classNames?.expander
@@ -26415,11 +26415,11 @@ function DataExplorerViewTree({
26415
26415
  },
26416
26416
  children: /* @__PURE__ */ jsx(ChevronIcon, { expanded: isExpanded })
26417
26417
  }
26418
- ) : /* @__PURE__ */ jsx("span", { className: cn3(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
26418
+ ) : /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
26419
26419
  node.icon ? /* @__PURE__ */ jsx(
26420
26420
  "span",
26421
26421
  {
26422
- className: cn3(
26422
+ className: cn(
26423
26423
  theme.slots.treeNodeIcon,
26424
26424
  classNames?.nodeIcon,
26425
26425
  classNames?.itemIcon
@@ -26431,7 +26431,7 @@ function DataExplorerViewTree({
26431
26431
  /* @__PURE__ */ jsx(
26432
26432
  "span",
26433
26433
  {
26434
- className: cn3(
26434
+ className: cn(
26435
26435
  theme.slots.treeNodeLabel,
26436
26436
  classNames?.nodeLabel,
26437
26437
  classNames?.itemLabel
@@ -26442,7 +26442,7 @@ function DataExplorerViewTree({
26442
26442
  node.description ? /* @__PURE__ */ jsx(
26443
26443
  "span",
26444
26444
  {
26445
- className: cn3(
26445
+ className: cn(
26446
26446
  theme.slots.treeNodeDescription,
26447
26447
  classNames?.nodeDescription
26448
26448
  ),
@@ -26450,8 +26450,8 @@ function DataExplorerViewTree({
26450
26450
  }
26451
26451
  ) : null
26452
26452
  ] }),
26453
- node.meta ? /* @__PURE__ */ jsx("span", { className: cn3(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
26454
- node.badge ? /* @__PURE__ */ jsx("span", { className: cn3(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
26453
+ node.meta ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
26454
+ node.badge ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
26455
26455
  renderActions(actions, { type: "node", node, group })
26456
26456
  ]
26457
26457
  }
@@ -26459,7 +26459,7 @@ function DataExplorerViewTree({
26459
26459
  hasChildren && isExpanded ? /* @__PURE__ */ jsx(
26460
26460
  "div",
26461
26461
  {
26462
- className: cn3(
26462
+ className: cn(
26463
26463
  theme.slots.treeNodeChildren,
26464
26464
  classNames?.nodeChildren,
26465
26465
  classNames?.list
@@ -26472,22 +26472,22 @@ function DataExplorerViewTree({
26472
26472
  node.id
26473
26473
  );
26474
26474
  };
26475
- const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsx("div", { className: cn3(slotClassName, classNameOverride), children: content });
26475
+ const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsx("div", { className: cn(slotClassName, classNameOverride), children: content });
26476
26476
  if (loading) {
26477
- return /* @__PURE__ */ jsx("div", { className: cn3(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
26477
+ return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
26478
26478
  loadingContent,
26479
26479
  theme.slots.treeLoading,
26480
26480
  classNames?.loading
26481
26481
  ) });
26482
26482
  }
26483
26483
  if (error) {
26484
- return /* @__PURE__ */ jsx("div", { className: cn3(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
26484
+ return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
26485
26485
  }
26486
26486
  const hasAnyNodes = resolvedGroups.some((group) => (group.nodes ?? []).length > 0);
26487
26487
  const hasAnyGroupState = resolvedGroups.some((group) => group.status === "loading" || group.error);
26488
26488
  const shouldRenderGlobalEmpty = !hasAnyNodes && !hasAnyGroupState && (!hasExplicitGroups || resolvedGroups.length === 0);
26489
26489
  if (shouldRenderGlobalEmpty) {
26490
- return /* @__PURE__ */ jsx("div", { className: cn3(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
26490
+ return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
26491
26491
  emptyContent,
26492
26492
  theme.slots.treeEmpty,
26493
26493
  classNames?.empty
@@ -26496,7 +26496,7 @@ function DataExplorerViewTree({
26496
26496
  return /* @__PURE__ */ jsx(
26497
26497
  "div",
26498
26498
  {
26499
- className: cn3(theme.slots.treeRoot, classNames?.root, className),
26499
+ className: cn(theme.slots.treeRoot, classNames?.root, className),
26500
26500
  role: hasAnyNodes ? "tree" : void 0,
26501
26501
  children: resolvedGroups.map((group) => {
26502
26502
  const groupExpanded = group.hideHeader || group.collapsible === false || resolvedExpandedGroupIds.has(group.id);
@@ -26509,12 +26509,12 @@ function DataExplorerViewTree({
26509
26509
  {
26510
26510
  "data-data-explorer-entry": "group",
26511
26511
  "data-data-explorer-group-id": group.id,
26512
- className: cn3(theme.slots.treeGroup, classNames?.group, group.className),
26512
+ className: cn(theme.slots.treeGroup, classNames?.group, group.className),
26513
26513
  children: [
26514
26514
  !group.hideHeader ? /* @__PURE__ */ jsxs(
26515
26515
  "div",
26516
26516
  {
26517
- className: cn3(
26517
+ className: cn(
26518
26518
  theme.slots.treeGroupHeader,
26519
26519
  theme.slots.treeGroupHeaderButton,
26520
26520
  groupSelected && theme.slots.treeNodeSelected,
@@ -26527,7 +26527,7 @@ function DataExplorerViewTree({
26527
26527
  "button",
26528
26528
  {
26529
26529
  type: "button",
26530
- className: cn3(
26530
+ className: cn(
26531
26531
  "flex min-w-0 flex-1 items-center gap-2 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
26532
26532
  classNames?.groupLabel
26533
26533
  ),
@@ -26544,7 +26544,7 @@ function DataExplorerViewTree({
26544
26544
  group.icon ? /* @__PURE__ */ jsx(
26545
26545
  "span",
26546
26546
  {
26547
- className: cn3(
26547
+ className: cn(
26548
26548
  theme.slots.treeNodeIcon,
26549
26549
  classNames?.nodeIcon,
26550
26550
  classNames?.itemIcon
@@ -26556,7 +26556,7 @@ function DataExplorerViewTree({
26556
26556
  group.label ? /* @__PURE__ */ jsx(
26557
26557
  "span",
26558
26558
  {
26559
- className: cn3(
26559
+ className: cn(
26560
26560
  theme.slots.treeNodeLabel,
26561
26561
  classNames?.nodeLabel,
26562
26562
  classNames?.itemLabel
@@ -26567,7 +26567,7 @@ function DataExplorerViewTree({
26567
26567
  group.description ? /* @__PURE__ */ jsx(
26568
26568
  "span",
26569
26569
  {
26570
- className: cn3(
26570
+ className: cn(
26571
26571
  theme.slots.treeNodeDescription,
26572
26572
  classNames?.nodeDescription
26573
26573
  ),
@@ -26575,8 +26575,8 @@ function DataExplorerViewTree({
26575
26575
  }
26576
26576
  ) : null
26577
26577
  ] }),
26578
- group.meta ? /* @__PURE__ */ jsx("span", { className: cn3(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
26579
- group.badge ? /* @__PURE__ */ jsx("span", { className: cn3(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
26578
+ group.meta ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
26579
+ group.badge ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
26580
26580
  ]
26581
26581
  }
26582
26582
  ),
@@ -26584,7 +26584,7 @@ function DataExplorerViewTree({
26584
26584
  "button",
26585
26585
  {
26586
26586
  type: "button",
26587
- className: cn3(theme.slots.treeNodeToggle, classNames?.expander),
26587
+ className: cn(theme.slots.treeNodeToggle, classNames?.expander),
26588
26588
  "aria-label": groupExpanded ? collapseLabel : expandLabel,
26589
26589
  "aria-expanded": groupExpanded,
26590
26590
  onClick: () => setGroupExpanded(group.id, !groupExpanded),
@@ -26598,7 +26598,7 @@ function DataExplorerViewTree({
26598
26598
  groupExpanded ? /* @__PURE__ */ jsx(
26599
26599
  "div",
26600
26600
  {
26601
- className: cn3(
26601
+ className: cn(
26602
26602
  theme.slots.treeGroupContent,
26603
26603
  classNames?.groupContent,
26604
26604
  classNames?.list