@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.
@@ -2445,7 +2445,7 @@ function ChevronIcon({ expanded }) {
2445
2445
  {
2446
2446
  "aria-hidden": "true",
2447
2447
  viewBox: "0 0 24 24",
2448
- className: cn2("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
2448
+ className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
2449
2449
  fill: "none",
2450
2450
  stroke: "currentColor",
2451
2451
  strokeLinecap: "round",
@@ -2672,10 +2672,10 @@ function DataExplorerViewTree({
2672
2672
  type: "button",
2673
2673
  title: actionLabel,
2674
2674
  "aria-label": actionLabel,
2675
- className: cn2(
2675
+ className: cn(
2676
2676
  theme.slots.menuTrigger,
2677
2677
  target.type === "group" ? theme.slots.treeGroupActions : theme.slots.treeNodeActions,
2678
- target.type === "group" ? classNames?.groupActions : cn2(classNames?.nodeActions, classNames?.itemActions)
2678
+ target.type === "group" ? classNames?.groupActions : cn(classNames?.nodeActions, classNames?.itemActions)
2679
2679
  ),
2680
2680
  onClick: (event) => event.stopPropagation(),
2681
2681
  children: /* @__PURE__ */ jsxRuntime.jsx(MoreIcon, {})
@@ -2686,7 +2686,7 @@ function DataExplorerViewTree({
2686
2686
  {
2687
2687
  align: "end",
2688
2688
  sideOffset: 6,
2689
- className: cn2(theme.slots.menuContent, classNames?.menuContent),
2689
+ className: cn(theme.slots.menuContent, classNames?.menuContent),
2690
2690
  style: theme.styles.menuContent,
2691
2691
  onClick: (event) => event.stopPropagation(),
2692
2692
  children: visibleActions.map((action) => {
@@ -2703,7 +2703,7 @@ function DataExplorerViewTree({
2703
2703
  {
2704
2704
  title: action.title,
2705
2705
  disabled,
2706
- className: cn2(
2706
+ className: cn(
2707
2707
  theme.slots.menuItem,
2708
2708
  getDataExplorerMenuItemToneClassName(theme, action.tone),
2709
2709
  active && "bg-accent text-accent-foreground",
@@ -2781,7 +2781,7 @@ function DataExplorerViewTree({
2781
2781
  "data-data-explorer-entry": "node",
2782
2782
  "data-data-explorer-node-id": node.id,
2783
2783
  "data-data-explorer-group-id": group?.id,
2784
- className: cn2(
2784
+ className: cn(
2785
2785
  theme.slots.treeNode,
2786
2786
  classNames?.node,
2787
2787
  classNames?.item,
@@ -2802,7 +2802,7 @@ function DataExplorerViewTree({
2802
2802
  /* @__PURE__ */ jsxRuntime.jsxs(
2803
2803
  "div",
2804
2804
  {
2805
- className: cn2(
2805
+ className: cn(
2806
2806
  theme.slots.treeNodeButton,
2807
2807
  isSelected && theme.slots.treeNodeSelected,
2808
2808
  node.disabled && theme.slots.treeNodeDisabled,
@@ -2837,7 +2837,7 @@ function DataExplorerViewTree({
2837
2837
  "span",
2838
2838
  {
2839
2839
  draggable: true,
2840
- className: cn2(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
2840
+ className: cn(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
2841
2841
  onClick: (event) => event.stopPropagation(),
2842
2842
  onDragStart: (event) => {
2843
2843
  event.stopPropagation();
@@ -2859,7 +2859,7 @@ function DataExplorerViewTree({
2859
2859
  "button",
2860
2860
  {
2861
2861
  type: "button",
2862
- className: cn2(
2862
+ className: cn(
2863
2863
  theme.slots.treeNodeToggle,
2864
2864
  classNames?.nodeToggle,
2865
2865
  classNames?.expander
@@ -2871,11 +2871,11 @@ function DataExplorerViewTree({
2871
2871
  },
2872
2872
  children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { expanded: isExpanded })
2873
2873
  }
2874
- ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
2874
+ ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
2875
2875
  node.icon ? /* @__PURE__ */ jsxRuntime.jsx(
2876
2876
  "span",
2877
2877
  {
2878
- className: cn2(
2878
+ className: cn(
2879
2879
  theme.slots.treeNodeIcon,
2880
2880
  classNames?.nodeIcon,
2881
2881
  classNames?.itemIcon
@@ -2887,7 +2887,7 @@ function DataExplorerViewTree({
2887
2887
  /* @__PURE__ */ jsxRuntime.jsx(
2888
2888
  "span",
2889
2889
  {
2890
- className: cn2(
2890
+ className: cn(
2891
2891
  theme.slots.treeNodeLabel,
2892
2892
  classNames?.nodeLabel,
2893
2893
  classNames?.itemLabel
@@ -2898,7 +2898,7 @@ function DataExplorerViewTree({
2898
2898
  node.description ? /* @__PURE__ */ jsxRuntime.jsx(
2899
2899
  "span",
2900
2900
  {
2901
- className: cn2(
2901
+ className: cn(
2902
2902
  theme.slots.treeNodeDescription,
2903
2903
  classNames?.nodeDescription
2904
2904
  ),
@@ -2906,8 +2906,8 @@ function DataExplorerViewTree({
2906
2906
  }
2907
2907
  ) : null
2908
2908
  ] }),
2909
- node.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
2910
- node.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
2909
+ node.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
2910
+ node.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
2911
2911
  renderActions(actions, { type: "node", node, group })
2912
2912
  ]
2913
2913
  }
@@ -2915,7 +2915,7 @@ function DataExplorerViewTree({
2915
2915
  hasChildren && isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
2916
2916
  "div",
2917
2917
  {
2918
- className: cn2(
2918
+ className: cn(
2919
2919
  theme.slots.treeNodeChildren,
2920
2920
  classNames?.nodeChildren,
2921
2921
  classNames?.list
@@ -2928,22 +2928,22 @@ function DataExplorerViewTree({
2928
2928
  node.id
2929
2929
  );
2930
2930
  };
2931
- const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2(slotClassName, classNameOverride), children: content });
2931
+ const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(slotClassName, classNameOverride), children: content });
2932
2932
  if (loading) {
2933
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
2933
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
2934
2934
  loadingContent,
2935
2935
  theme.slots.treeLoading,
2936
2936
  classNames?.loading
2937
2937
  ) });
2938
2938
  }
2939
2939
  if (error) {
2940
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
2940
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
2941
2941
  }
2942
2942
  const hasAnyNodes = resolvedGroups.some((group) => (group.nodes ?? []).length > 0);
2943
2943
  const hasAnyGroupState = resolvedGroups.some((group) => group.status === "loading" || group.error);
2944
2944
  const shouldRenderGlobalEmpty = !hasAnyNodes && !hasAnyGroupState && (!hasExplicitGroups || resolvedGroups.length === 0);
2945
2945
  if (shouldRenderGlobalEmpty) {
2946
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
2946
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
2947
2947
  emptyContent,
2948
2948
  theme.slots.treeEmpty,
2949
2949
  classNames?.empty
@@ -2952,7 +2952,7 @@ function DataExplorerViewTree({
2952
2952
  return /* @__PURE__ */ jsxRuntime.jsx(
2953
2953
  "div",
2954
2954
  {
2955
- className: cn2(theme.slots.treeRoot, classNames?.root, className),
2955
+ className: cn(theme.slots.treeRoot, classNames?.root, className),
2956
2956
  role: hasAnyNodes ? "tree" : void 0,
2957
2957
  children: resolvedGroups.map((group) => {
2958
2958
  const groupExpanded = group.hideHeader || group.collapsible === false || resolvedExpandedGroupIds.has(group.id);
@@ -2965,12 +2965,12 @@ function DataExplorerViewTree({
2965
2965
  {
2966
2966
  "data-data-explorer-entry": "group",
2967
2967
  "data-data-explorer-group-id": group.id,
2968
- className: cn2(theme.slots.treeGroup, classNames?.group, group.className),
2968
+ className: cn(theme.slots.treeGroup, classNames?.group, group.className),
2969
2969
  children: [
2970
2970
  !group.hideHeader ? /* @__PURE__ */ jsxRuntime.jsxs(
2971
2971
  "div",
2972
2972
  {
2973
- className: cn2(
2973
+ className: cn(
2974
2974
  theme.slots.treeGroupHeader,
2975
2975
  theme.slots.treeGroupHeaderButton,
2976
2976
  groupSelected && theme.slots.treeNodeSelected,
@@ -2983,7 +2983,7 @@ function DataExplorerViewTree({
2983
2983
  "button",
2984
2984
  {
2985
2985
  type: "button",
2986
- className: cn2(
2986
+ className: cn(
2987
2987
  "flex min-w-0 flex-1 items-center gap-2 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
2988
2988
  classNames?.groupLabel
2989
2989
  ),
@@ -3000,7 +3000,7 @@ function DataExplorerViewTree({
3000
3000
  group.icon ? /* @__PURE__ */ jsxRuntime.jsx(
3001
3001
  "span",
3002
3002
  {
3003
- className: cn2(
3003
+ className: cn(
3004
3004
  theme.slots.treeNodeIcon,
3005
3005
  classNames?.nodeIcon,
3006
3006
  classNames?.itemIcon
@@ -3012,7 +3012,7 @@ function DataExplorerViewTree({
3012
3012
  group.label ? /* @__PURE__ */ jsxRuntime.jsx(
3013
3013
  "span",
3014
3014
  {
3015
- className: cn2(
3015
+ className: cn(
3016
3016
  theme.slots.treeNodeLabel,
3017
3017
  classNames?.nodeLabel,
3018
3018
  classNames?.itemLabel
@@ -3023,7 +3023,7 @@ function DataExplorerViewTree({
3023
3023
  group.description ? /* @__PURE__ */ jsxRuntime.jsx(
3024
3024
  "span",
3025
3025
  {
3026
- className: cn2(
3026
+ className: cn(
3027
3027
  theme.slots.treeNodeDescription,
3028
3028
  classNames?.nodeDescription
3029
3029
  ),
@@ -3031,8 +3031,8 @@ function DataExplorerViewTree({
3031
3031
  }
3032
3032
  ) : null
3033
3033
  ] }),
3034
- group.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
3035
- group.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
3034
+ group.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
3035
+ group.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
3036
3036
  ]
3037
3037
  }
3038
3038
  ),
@@ -3040,7 +3040,7 @@ function DataExplorerViewTree({
3040
3040
  "button",
3041
3041
  {
3042
3042
  type: "button",
3043
- className: cn2(theme.slots.treeNodeToggle, classNames?.expander),
3043
+ className: cn(theme.slots.treeNodeToggle, classNames?.expander),
3044
3044
  "aria-label": groupExpanded ? collapseLabel : expandLabel,
3045
3045
  "aria-expanded": groupExpanded,
3046
3046
  onClick: () => setGroupExpanded(group.id, !groupExpanded),
@@ -3054,7 +3054,7 @@ function DataExplorerViewTree({
3054
3054
  groupExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
3055
3055
  "div",
3056
3056
  {
3057
- className: cn2(
3057
+ className: cn(
3058
3058
  theme.slots.treeGroupContent,
3059
3059
  classNames?.groupContent,
3060
3060
  classNames?.list